/* Body */

BODY {
	background-color: #DBDBC6;
}

h1 {
	font: 20px Tahoma;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 {
	font: 16px Tahoma;
}

h3 {
	font: bold 14px Tahoma;
}

/* Toolbar Area */

.identifier {
  background-image: url(images/c_id_logo_fritolay.gif);
  background-repeat: no-repeat;
  font-family: Tahoma;
  height: 20;
  padding-bottom: 5px;
}

.identifierName {
	text-indent: 40px;
	font-size: 11;
	font-weight: bold;
}

.identifierGeoShort {
	font-size: 11;
	font-weight: normal;
}

.noPDF{
	font-size: 11;
	font-weight: normal;
        font: 11px Tahoma;
	color: red;
}

.tools {
	height: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 55px;
	font: 11px Tahoma;
	color: #000;
	text-align: right;
	overflow: hidden;
	border: none;
	float: right;
}


TD.righteous {
  text-align: right;
}

.tools {
	font: 11px Tahoma;
	color: #000;
}


.time {
	float: right;
}

.help {
	float: right;
}

.workArea {
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
}

BUTTON.home {
	display: block;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	width: 48px;
	height: 80px;
	background-image: url(images/c_nav_hub_home_en.gif);
	position: absolute;
	right: 0px;
	top: 4px;
	z-index: 99;
}

A.home {
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: center;
	width: 40px;
	height: 40px;
	background-image: url(images/c_nav_hub_home_en.gif);

}

/* errors */

DIV.errors {
	background-image: url(images/bg_error.gif);
	font-weight: bold;
	width: 100%;
	padding: 0 30px 10px 30px ;
	height: 35px;
	background-repeat: no-repeat;
	overflow: visible;
}

DIV.errors, .errors-explanation {
	color: #D00;
}

DIV.success {
	background-image: url(images/bg_success.gif);
	font: bold 11 Verdana;
	width: 100%;
	margin-left: 5px;
	padding: 0px 30px 10px;
	height: 35px;
	background-repeat: no-repeat;
	overflow: visible;
}

DIV.success, .success-explanation {
	color: #090;
}

.errors .details, .success .details {
	font-weight: normal;
	color: #000;
}

.errors-explanation, .success-explanation {
	font-weight: normal;
	margin-top: 10px;
}

TD.errors , DIV.error-details {
	padding-top: 10px;
	color: #FF0000;
        font-weight: normal ;
}

DIV.errors TD {
	font-weight: bold;
	color: #FF0000;
}

 Standard field alignments

TD.decimal {
	text-align: right;
}

TD.numeric {
	text-align: right;
}

TD.date {
	text-align: right;
}

TD.text {
	text-align: left;
}

TD.code {
	text-align: center;
}

/* Customer Information */

TABLE.customerInformation {
	font: 11 Tahoma normal;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
    width: 98%
}

TABLE.customerInformation img {
vertical-align: middle;
margin: 0 5px;
border: 0px;

}

TABLE.customerInformation THEAD {
}

TABLE.customerInformation THEAD TH {
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	height: 20px;
}

TABLE.customerInformation TBODY {
	color: #333333;
	background-color: #EEEEDD;

}

TABLE.customerInformation TBODY TD {
	padding-right: 25px;
}

TABLE.customerInformation COL.col1 {
  width: 30%;
}

TABLE.customerInformation COL.col2 {
  text-align: left;
}

TABLE.customerInformation COL.col3 {
  text-align: left;
}


TABLE.customerInformation TD.heading {
  font-weight: bold;
  text-align: left;
}

TABLE.customerInformation TFOOT {
	background-color: #FFFFFF;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 2px;
}


TABLE.customerInformation TFOOT TH {
	font-family: Verdana;
	font-size: 11;
	background-color: #DBDBC6;
}

TABLE.customerInformation TFOOT TD {
	border-right-style: dotted;
	border-right-color: #DBDBC6;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	background-color: #FFFFFF;
}

TABLE.customerInformation TFOOT INPUT.button {
	cursor: hand;
	background: transparent;
	background-image:url(images/c_grid_btn_action_en.gif);
	font: 11 tahoma #666666;
	width: 75PX;
	height: 28PX;
	border: 0PX none;
}

TABLE.customerInformation TR.even {
	background-color: #F7F7EE;
}

TABLE.customerInformation TD.actions {
	width: 50px;
}

TABLE.customerInformation INPUT.detailButton {
	margin: 2px, 2px, 2px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
}

TABLE.customerInformation INPUT.editButton {
	margin: 0px, 2px, 0px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
 	background-image: url(images/c_act_pop_primary_lrg_en.gif);
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
}

TABLE.customerInformation INPUT.deleteButton {
	margin: 0px, 2px, 0px, 2px;
	width: 17px;
	height: 17px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
/*
	background-image: url(images/icon_search_delete.gif);  need image here
*/
}

TABLE.customerInformation SELECT, TABLE.customerInformation INPUT {
	font-family: Tahoma;
	font-size: 11;

}

/* Categories */

TABLE.categories {
	font: 11px Tahoma normal;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
	margin: 0;
}

TABLE.categories TD {
	padding: 0, 50px, 10px, 0;
}

TABLE.categories TD strong {
	font: bold 13px Tahoma;
}


/* Presentation */

TABLE.presentation {
	font: 11 Tahoma normal;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
	margin: 0, 1%, 4px, 1%;
}

TABLE.presentation img {
vertical-align: middle;
margin: 0 5px;
border: 0px;

}

TABLE.presentation THEAD {
}

TABLE.presentation THEAD TH {
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	height: 20px;
}

TABLE.presentation TBODY {
	color: #333333;
	background-color: #EEEEDD;
}

TABLE.presentation TBODY TD {
	border-right-style: solid;
	border-right-color: #EEEEDD;
	border-right-width: 5px;
}

TABLE.presentation TFOOT {
	background-color: #FFFFFF;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 2px;
}


TABLE.presentation TFOOT TH {
	font-family: Verdana;
	font-size: 11;
	background-color: #DBDBC6;
}

TABLE.presentation TFOOT TD {
	border-right-style: dotted;
	border-right-color: #DBDBC6;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	background-color: #FFFFFF;
}

TABLE.presentation TFOOT INPUT.button {
	cursor: hand;
	background: transparent;
	background-image:url(images/c_grid_btn_action_en.gif);
	font: 11 tahoma #666666;
	width: 75PX;
	height: 28PX;
	border: 0PX none;
}

TABLE.presentation TR.even {
	background-color: #F7F7EE;
}

TABLE.presentation TD.actions {
	width: 50px;
}

TABLE.presentation INPUT.detailButton {
	margin: 2px, 2px, 2px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
}

TABLE.presentation INPUT.editButton {
	margin: 0px, 2px, 0px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
/*
	background-image: url(images/icon_search_edit.gif);  need image here
*/
}
TABLE.presentation INPUT.deleteButton {
	margin: 0px, 2px, 0px, 2px;
	width: 17px;
	height: 17px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
/*
	background-image: url(images/icon_search_delete.gif);  need image here
*/
}

TABLE.presentation SELECT {
	background-color: #e0dfce;
	font-family: Tahoma;
	font-size: 11;

}

/* Results 	*/

TABLE.sortable {
	font: 11 Tahoma normal;
        text-align: left;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #DBDBC6;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBC6;
	border-bottom-width: 1px;
}


TABLE.results {
	font: 11 Tahoma normal;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #DBDBC6;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBC6;
	border-bottom-width: 1px;
}

TABLE.results img {
vertical-align: middle;
margin: 0 5px;

}

TABLE.results THEAD {
}

TABLE.results THEAD TH {
	font-weight: bold;
	text-align: left;
	background-color: #DBDBC6;
	padding: 2px 5px;
}

TABLE.results TBODY {
	color: #333333;
	background-color: #EEEEDD;
}

TABLE.results TBODY TD {
	border-right-style: solid;
	border-right-color: #DBDBC6;
	border-right-width: 1px;
	padding: 2px 5px;
}

TABLE.results TFOOT {
	background-color: #FFFFFF;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 2px;
}


TABLE.results TFOOT TH {
	font-family: Verdana;
	font-size: 11;
	background-color: #DBDBC6;
}

TABLE.results TFOOT TD {
	border-right-style: dotted;
	border-right-color: #DBDBC6;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	background-color: #FFFFFF;
}

TABLE.results TFOOT INPUT.button {
	cursor: hand;
	background: transparent;
	background-image:url(images/c_grid_btn_action_en.gif);
	font: 11 tahoma #666666;
	width: 75PX;
	height: 28PX;
	border: 0PX none;
}

TABLE.results TR.even {
	background-color: #F7F7EE;
}

TABLE.results TD.actions {
	width: 50px;
}

TABLE.results INPUT.detailButton {
	margin: 2px, 2px, 2px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
}

TABLE.results INPUT.editButton {
	margin: 0px, 2px, 0px, 2px;
	width: 12px;
	height: 16px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
/*
	background-image: url(images/icon_search_edit.gif);  need image here
*/
}
TABLE.results INPUT.deleteButton {
	margin: 0px, 2px, 0px, 2px;
	width: 17px;
	height: 17px;
	cursor: hand;
	background: transparent;
	background-repeat: no-repeat;
	border: 0PX none;
/*
	background-image: url(images/icon_search_delete.gif);  need image here
*/
}

TABLE.results SELECT {
	background-color: #e0dfce;
	font-family: Tahoma;
	font-size: 11;

}

TABLE.results COL.cisCol {
  width: 50px;
}

TABLE.results COL.storeCol {
   width: 175px;
}

TABLE.results COL.addressCol {
  width: 150px;
}

TABLE.results COL.storeColNbr {
  width: 75px;
  text-align: center
}

TABLE.results COL.cityCol {
  width: 100px;
}

TABLE.results COL.stateCol {
  width: 30px;
}

TABLE.results COL.zipCol {
  width: 50px;
}


TABLE.results COL.survyLastUpDateTSCol {
  width: 80px;
  text-align: center;
}

TABLE.results COL.surveyCol {
  width: 150px;
}


TABLE.results COL.lastUpdateDateCol {
  width: 80px;
  text-align: center;
}

TABLE.results COL.tradeSegCol {
  width: 150px;
}

TABLE.results COL.iconCol {
  width: 75px;
}

BODY {
	background-color: #DBDBC6;
	margin: 4px, 10px, 4px, 10px;
}

.identifier {
	background-image: none;
}

.identifierName {
	text-indent: 0;
}

.logo {
	width: 68px;
	height: 43px;
	background: transparent;
	background-image: url(images/c_id_dash_logo_fritolay.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 2px;
}

.title {
	font: 24 Tahoma;
	font-weight: bold;
	color: #333;
}

.subtitle {
	font: 12 Tahoma;
	font-weight: bold;
	color: #333;
}


.mastHead {
  width: 100%;
  height: 63px;
  vertical-align: center;
  background-color: #FCBA57;
  background-position: top right;
  background-image: url(images/bkgrnd_dash_brand_fritolay.gif);
  background-repeat: no-repeat;
  padding: 4px;
  border-bottom-width: 6px ;
  border-bottom-color: #ED1C2E ;
  border-bottom-style: solid ;
}

.workArea {
	background-color: #F1F2E7;
}

.workSection, .workSectionRight {
	width: 100%;
	margin: 5px;
	border: 1px solid #B1B19B;
	background-color: #EEEEDD;
}

.workSectionRight {
	margin-top: 0;
	width: 60%;
	float: right;
}

.workSection .title {
	background-image: url('images/bg_worksection_title.gif');
	font: 20px Tahoma;
	font-weight: normal;
	color: #333;
	padding: 7px;
	padding-left: 5px;
}

.workSection .entityTitle {
	background-image: url('images/bg_worksection_entityTitle.gif');
	font: 20px Tahoma;
	font-weight: normal;
	color: #FFF;
	padding: 7px;
	padding-left: 5px;
}


.testtitle {
	font: 13px Verdana;
	font-weight: bold;
	background-color: #DBDBC6;
	color: #333;
	padding: 2px;
	padding-left: 5px;
	height: 23px;
}


.workSection .subtitle, .workSectionRight .subtitle {
	font: 13px Verdana;
	font-weight: bold;
	background-image: url('images/bg_worksection_subtitle.gif');
	background-color: #DBDBC6;
	color: #333;
	padding: 2px;
	padding-left: 5px;
	height: 23px;
}

.workSection .subtitle .details {
	font: 11px Verdana;
	font-weight: normal;
}

.workSection .content, .workSectionRight .content {
	padding: 5px;
	font: 11px Tahoma;
}

.content BUTTON, .content BUTTON.large, .workSection BUTTON.large , .workSection INPUT.large {
	width: 80px;
	height: 26px;
	font: 11 Courier normal;
	color: #000;
	cursor: hand;
	background: transparent;
 	background-image: url(images/c_act_pop_alternate_sml_en.gif);
	background-repeat: no-repeat;
	border: 0PX none;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: center;
}



.workSection BUTTON.large , .workSection INPUT.large {
	background-image: url(images/c_act_pop_primary_lrg_en.gif);
	width: 120px;
	color: #FFF;
	margin-left: 10px;
}

.workSection INPUT.editButton {
  width: 80px;
  height: 26px;
  font: 11 Courier normal;
  cursor: hand;
  background: transparent;
  background-image: url(images/c_act_pop_alternate_lrg_en.gif);
  background-repeat: no-repeat;
  width: 150px;
  color: #000;
  border: 0PX none;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: center;
}

.workSection INPUT.submit {
  width: 80px;
  height: 26px;
  font: 11 Courier normal;
  cursor: hand;
  background: transparent;
  background-image: url(images/c_act_pop_alternate_sml_en.gif);
  background-repeat: no-repeat;
  color: #000;
  border: 0PX none;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: center;
}

.content BUTTON.large {
	background-image: url(images/c_act_pop_alternate_lrg_en.gif);
	width: 120px;
	color: #000;
}

.content P {
	margin: 0;
	padding: 0;
}

.content a:link {
	color: #4E6884;
	text-decoration: underline;
}

.content a:visited {
	color: #6A4E84;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: underline;
}


.scrolltable {
	height: 220px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

DIV.scrolltable {
	height: 220px;
	overflow: auto;
	padding: 0;
	margin: 0;

       	font: 11 Tahoma normal;
	color: #333333;
	background-color: #EEEEDD;
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #DBDBC6;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBC6;
	border-bottom-width: 1px;
}


/* Criteria Area */


TABLE.criteria {
	border: 0PX none;
	font-size: 11px;
}

TABLE.criteria THEAD {
	margin: 0, 0, 0, 0;
}

TABLE.criteria TFOOT {
	margin: 0, 0, 0, 0;
}

TABLE.criteria TBODY {
	margin: 0, 0, 0, 0;
}

TABLE.criteria TR.controls {
	height: 30px;
	vertical-align: top;
}

TABLE.criteria TH {
	text-align: left;
	vertical-align: center;
}

TABLE.criteria TD {
	text-align: left;
	vertical-align: center;
}

INPUT.button , INPUT.default-button {
	cursor: hand;
	background: transparent;
	background-image:url(images/c_grid_btn_action_en.gif);
	font: 11 tahoma #666666;
	width: 75PX;
	height: 28PX;
	border: 0PX none;
}

INPUT.default-button {
	font-weight: bold;
}

TABLE.criteria INPUT {
}


TABLE.criteria INPUT.required {
}

TABLE.criteria INPUT.Error {
	background-color: #FF0000;
}

TABLE.criteria INPUT.requiredError {
	background-color: #FF0000;
}

TABLE.criteria SELECT.geography {
	width: 250px;
	margin-right: 15px;
	font-size: 11px;
}

TABLE.criteria TD.label {
	font-weight: normal;
/*
	background-image: url(images/c_maint_field_icon.gif);
*/
	background-repeat: no-repeat;
	padding-left: 20px;
}

TABLE.criteria TD.labelRequired {
	font-weight: bold;
	font-color: #FFFFFF;
	background-image: url(images/c_tools_battery_75.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

TABLE.criteria TD.labelRequiredError {
	font-weight: bold;
	font-color: #FF0000;
	background-image: url(images/c_tools_battery_75.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

div#category {
  width: 100%;
}

div#category .subcategory H3 {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
  height: 20px;
  padding-top: 10px;
  margin-bottom: 5px;
}

div#category .subcategory ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div#category .subcategory li {
  vertical-align: top;
}

div#category .subcategory img {
  border-width: 0px;
}

div#category div {
  vertical-align: top;
  text-align: left;
  width: 220px;
  position: relative;
  display: inline;
  padding-left: 10px;
}

SPAN.normal {
  color: #333333;
}

SPAN.highlight {
  color: red;
}


DIV.navBar A, .headerButton, .headerButtonSel {
	position: relative;
	height: 26px;
	width: 100px;
	font: 12 Helvetica Neue;
	font-weight: bold;
	color: #4F4F4E;
	cursor: hand;
	border: none;
	text-align: center;
	text-decoration: none;
	padding: 3px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	outline: 0px 0px 0px 0px;
	vertical-align: top;
}

DIV.navBar A.procFirst { background-image: url(images/c_nav_ws_ms_fep.gif); }
DIV.navBar A.procMiddle { background-image: url(images/c_nav_ws_ms_mep.gif); }
DIV.navBar A.procLast { background-image: url(images/c_nav_ws_ms_lep.gif); }


th.cisCol {
  width: 50px;
}

th.storeCol {
  width: 175px;
}

th.storeColNbr {
  width: 75px;
}

th.addressCol {
  width: 150px;
}

th.cityCol {
  width: 100px;
}

th.stateCol {
  width: 30px;
}

th.zipCol {
  width: 50px;
}

th.survyLastUpDateTSCol {
  width: 80px;
  text-align: center;
}

th.surveyCol {
  width: 150px;
}


th.lastUpdateDateCol {
  width: 80px;
  text-align: center;
}

th.tradeSegCol {
  width: 150px;
}
