﻿
strong { font-weight: bold; }

em {  font-style: italic;}


input[type="radio"] {
    -ms-transform: scale(.75); /* IE 9 */
    -webkit-transform: scale(.75); /* Chrome, Safari, Opera */
    transform: scale(.75);
}

input[type="checkbox"] {
    -ms-transform: scale(.75); /* IE 9 */
    -webkit-transform: scale(.75); /* Chrome, Safari, Opera */
    transform: scale(.75);
}



#valSummary {
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	padding-left: 10px;
}

#mainContent {
  background: #ffffff url(images/login_bg_quote.jpg) no-repeat center;
  height: 440px;
  color: #354c5e;
  font:normal 14px arial, tahoma, helvetica, sans-serif;
}
#mainContent div {
	padding-left:100px;
	padding-bottom:10px;
	width:850px;
}
#mainContent div#frst {
	font-weight:bold;
	padding-bottom:30px;
}
#mainContent div#last {
	font-weight:bold;
	padding-top:30px;
}
#mainContent a {
  color: #354c5e;
  font-weight: bold;
  text-decoration: underline;
}
#mainContent a:visited {
  color: #354c5e;
}

#userForm {
	font-family: arial, tahoma, helvetica, sans-serif;
	color: black;
	/*padding-left: 30px;*/
}


#userForm table tr td {
	padding-bottom: 5px;
	padding-right: 2px;
	font-size: 11px;
	padding-left: 4px;
}
#userForm table tr td.cntlCell input {
	padding-left: 5px;
	font-size: 11px !important;
}
#userForm table tr td.cntlCell select {
	font-size: 11px !important;
}

#settingsForm {
	font-family: arial, tahoma, helvetica, sans-serif;
	color: black;
	/*padding-left: 30px;*/
}
#settingsForm table tr td {
	width: 150px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 2px;
	font-size: 11px;
}
#settingsForm table tr td.cntlCell
{
  width: 600px;
}
#settingsForm table tr td.cntlCell input, #settingsForm table tr td.cntlCell select , #settingsForm table tr td.cntlCell textarea{
	/*width: 50px;*/
	padding-left: 5px;
	font-size: 11px !important;
	text-align:left;
	font-family: arial, tahoma, helvetica, sans-serif;
}

#settingsForm table tr td.cntlCell .disclaimerText
{
  /*text-align:center;*/
  font-size: 9px !important;
  padding: 0px;
  margin: 0px;
}  

#settingsForm table tr td.cntlCell label
{
  text-align:left;
  width:100px;
  padding-right:12px;
}  


#settingsForm table tr td.cntlCell select {
	margin-left: 5px;
}

#settingsForm table tr td.cntlCell input {
	margin-left: 5px;
}
#settingsForm h2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
#settingsForm div {
	font-size: 11px;
}

 

#partForm {
	font-family: arial, tahoma, helvetica, sans-serif !important;
	color: #354c5e;
	padding-left: 50px;
}
#partForm h2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
#partForm table tr td {
	width: 150px;
	padding-bottom: 2px;
	padding-right: 2px;
	font-size: 11px !important;
}
#partForm table tr td.cntlCell input {
	padding-left: 5px;
	font-size: 11px !important;
}
#partForm table tr td.cntlCell textarea {
	padding-left: 5px;
	font-family: arial, tahoma, helvetica, sans-serif !important;
	font-size: 11px !important;
}
#partForm table tr td.cntlCellNum input {
	padding-right: 5px;
	text-align: right;
	font-size: 11px !important;
}

#loginContent {
    background: #ffffff url(images/login_bg.jpg) repeat-x 0;
    height: 440px;
    padding-left: 30px;
}

#PricingFieldSet
{
  font-family: arial, tahoma, helvetica, sans-serif !important;
	font-size: 11px !important;
	padding-right:5px;
	padding-bottom:5px;
}	

#PricingFieldSet td{
  font-family: arial, tahoma, helvetica, sans-serif !important;
	font-size: 11px !important;
	padding-right:5px;

}

#PricingFieldSet input {
  width: 80px;
	
}

#PricingFieldSet legend{
  font-weight: bold;
}

#tdTotalPrice, #tdTotalPrice input, #tdPostTotalTotal, #tdPostTotalTotal input
{
  font-weight: bold !important;
}

td.SectionHeader
{
  font-weight:bold !important;
  font-size: 1.1em !important;
}

.loginTable, .loginTable tr, .loginTable tr td {
    color: #354b5e;
    font:normal 12px arial, tahoma, helvetica, sans-serif;
}
.loginTable tr td a {
    color: #354b5e;
    font: normal 12px arial, tahoma, helvetica, sans-serif;
    font-style: italic;
    text-decoration: underline;
}
.loginTable tr td input {
    border: 1px solid #354b5e;
    color: #354b5e;
    font: normal 12px arial, tahoma, helvetica, sans-serif;
    padding:2px 2px 2px 2px;
}
.loginPrompt {
    color: #cc6600;
    font: bold 11px arial, tahoma, helvetica, sans-serif;
}
.loginTextBox {
    width: 130px;
}
.loginAppName {
    color: #000000;
    font: bold 14px arial, tahoma, helvetica, sans-serif;
}
.loginAppDescription {
    color: #000000;
    font: normal 12px arial, tahoma, helvetica, sans-serif;
  text-align:left;
}
a.loginLink:link, a.loginLink:hover, a.loginLink:visited
{
  color: #cc6600;
  font: bold 12px arial, tahoma, helvetica, sans-serif;
  text-decoration:none;
  z-index:100000 !important;
}


#pageHeader {
    background: #ffffff url(images/header_bg.jpg) repeat-x 0 top;
    color:#000000;
    font:bold 18px arial, tahoma, helvetica, sans-serif;
    width:100%;
    height: 67px;
}
#pageHeaderLeft {
    padding-right: 12px;
    height: 67px;
}
#pageHeaderCenter {
    padding-top: 14px;
}
#pageHeaderRight {
    padding-left: 12px;
    padding-right: 20px;
    height: 67px;
}

#subHeader {
    background-color: #354c5e;
    color: #ffffff;
    font:bold 14px arial, tahoma, helvetica, sans-serif;
    padding:4px;
    height:32px;
}

#subHeaderLeft {
    padding-left: 5px;
}

#subHeaderCenter {
    padding-left: 10px;
    padding-right: 10px;
}

#subHeaderRight {
    padding-left: 12px;
    padding-right: 10px;
    font: 9px arial, tahoma, helvetica, sans-serif;
}

#filterDiv {
	background-color: #E8E8E8;
}
#srchFields, .srchFields {
}
#srchFields tr, #srchFields td,
.srchFields tr, .srchFields td {
	vertical-align: middle;
	padding-top: 4px;
	padding-left:10px;
}
#srchFields td, #srchFields td input, #srchFields td select, #srchFields td textarea,
.srchFields td, .srchFields td input, .srchFields td select, .srchFields td textarea  {
	font:normal 11px arial, tahoma, helvetica, sans-serif;
	vertical-align:middle;
}

#visibleFieldsSelection {
	padding-left:20px;
}

#import-table, #import_table td,  #import_table td input
{
      font: 12px arial, tahoma, helvetica, sans-serif;
}

#import_results_table, #import_results_table td,  #import_results_table input
{
      font: 12px arial, tahoma, helvetica, sans-serif;
}

/* Override to make alternating rows more distinct when using stripeRows
    need to add extra-alt to the GridPanel config*/
.extra-alt .x-grid3-row .x-grid3-cell      
{
  background-color: #fff;     
  color: #000; 
  }  
  
.extra-alt .x-grid3-row-alt .x-grid3-cell      
{
  background-color: #E8E8E8;     
  color: #000; 
  }
  
 .extra-alt .x-grid3-row-selected {
	border:1px solid;
}
  
  /* Make grid column separators darker */
  .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color:#DFDFDF;
    }
  

/* CIS Table */
.cis-table {
}

.cis-grid-hd-row td {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    -moz-outline: none;
    -moz-user-focus: normal;
    line-height:15px;
    vertical-align:middle;
    border-left:1px solid #eee;
    border-right:1px solid #d0d0d0;
}
.cis-grid-hd-row {
    padding:3px;
}

.cis-grid-hd-row-wrap {
    padding:3px 3px 3px 5px;
    white-space: normal !important;
}
.cis-grid-hd-inner{
    /*overflow:hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;*/
    padding:3px 3px 3px 5px;
    white-space: nowrap;
}
.cis-grid-hd-inner {
    position:relative;
    cursor:inherit;
    padding:4px 3px 4px 5px;
}

.cis-grid-row td, .cis-grid-row td input, .cis-grid-row td select, .cis-grid-row td textarea  {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}
.numCell {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    padding-right: 4px!important;
    text-align: right!important;
}
.cis-grid-row td {
    -moz-outline: none;
    -moz-user-focus: normal;
    line-height:15px;
    vertical-align:top;
    /*border-left:1px solid #eee; */
    /*border-right:1px solid #d0d0d0; */
		border-right-style:none; 
		border-left-style:none;
}
.cis-grid-row {
    padding:3px;
}
.cis-grid-row-alt {
    background-color:#E8E8E8;
}
.cis-grid-cell-inner {
    border-bottom:1px solid #ededed;
    border-top-color:#fff;
    padding:3px 3px 3px 5px;
}

/* hidden row in table */
.cis-grid-row-hidden
{
  display: none;
}

/* header styles */
.cis-grid-header{
    background: #f9f9f9 url(ExtJS/resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
    cursor:default;
    padding:1px 0 0 0;
}
.cis-grid-header-inner {
    overflow:hidden;
    float:left;
}

/* specialty styles */
.readonly-text{
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    background-color: #DFE8F6;
    padding-left: 4px;
}
.readonly-text-right{
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    background-color: #DFE8F6;
    padding-right: 4px;
    text-align: right !important;
}

.customerList {
		padding-left:175px;
}

.custAssignButton {
  font:normal 11px arial, tahoma, helvetica, sans-serif;
	font-size: 11px!important;
}
#cmbNotAssigned, #cmbCustomers {
  font:normal 11px arial, tahoma, helvetica, sans-serif;
	font-size: 11px!important;
}

div.itemcmnt
{
  font-style: italic;
  color:#2E2E2E;
}

.cis-import-results, .cis-import-results td {
  font-family:Arial;
  font-size: 10px !important;
  border: 1px solid black
}  

.cis-import {
  font-family: Arial;
  font-size: 12px
} 

.cis-import-readonly {
  font-family: Arial;
  background-color: #DFE8F6;
  font-size: 12px
} 

.cis-import-dialog, cis-import-dialog td {
  font-family: Arial;
  font-size: 18px
}   

.cis-settings-sub-header
{
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    padding-left: 4px;

}

/* This adds a bit of space in settings tables betweenthe section header and the first element */
.cis-settings-sub-header + TR>TD
{
  padding-top:8px;
}  


.cis-settings-sub-header-cell
{
    font-size:13px !important;
    font-weight: bold;
    padding-left: 4px;
    background-color: #DFE8F6;
    padding-bottom: 3px !important;
    
}



.thick-left-border
{
  border-left: solid 3px black;
}  


.x-toolbar-gray{
	border-color:#d0d0d0;
    background-color:#f0f0f0;
    background-image:url(../images/gray/toolbar/bg.gif);
}


.x-toolbar-slate{
	border-color:#abc;
    background:#f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
}

.cis-qa-item-row td {
    -moz-outline: none;
    -moz-user-focus: normal;
    font:normal 10px arial, tahoma, helvetica, sans-serif; 
    line-height:12px;
    vertical-align:top;
}
.cis-qa-item-row {
    padding:3px;
}

/* For Grid Drag Drop */
.grid-row-insert-above
{
  border-top-style: groove;
  border-top-color: black;
  border-top-width: 3px;
}

.grid-row-insert-below
{
  border-bottom-style: groove;
  border-bottom-color: black;
  border-bottom-width: 3px;
}

.popup-disabled-field
{
    color: black;
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

/******************************************************************************************************/
/* BEGIN - These are for the AlertMessage function to make it look more like the QB UI SAFEWAY_DEALER */
/*         If these aren't working move the css includes down as they are in QuoteEdit.aspx           */
/******************************************************************************************************/
.ui-widget {
  font-size: 12px;
}

.ui-dialog {
  border: 4px solid #CCD8E7;
  padding: 0px;
}

.ui-widget-header {
  color: #15428b;
  font: bold 11px tahoma,arial,verdana,sans-serif;
  padding: 3px 15px 3px 15px;
  background: #CCD8E7;
  border-radius: 0px;
  border: 0px;
}

#ddcCore_Alert_Message {
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  padding-bottom: 15px;
}

.ui-dialog .ui-dialog-buttonpane {
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  margin: 0px;
}
/******************************************************************************************************/
/*  END  - These are for the AlertMessage function to make it look more like the QB UI SAFEWAY_DEALER */
/******************************************************************************************************/
