﻿.masterbody
{
  padding: 0px;
  margin: 0px;
  background-position: left top;
  background-color: #E8E8E8;  
  text-align: center;
}

.masterbody map
{
  display:none;
}

body
{
  font-size: 10pt;
  font-family: Arial;
}

.dataEntryTable
{
  border: #cccccc 1px solid;
  border-collapse: collapse;
}

.dayData
{
  border: #cccccc 1px solid;
  border-collapse: collapse;
}

.teamLabel
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  width: 18px;
  vertical-align: bottom;
}

.pageHeading
{
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}

.pageHeadingWithMargins
{
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}

.highlighted
{
  background-color: #ffff99;
}

.darkBottomBorder
{
  border-bottom: solid 1px #000000;
}

.lightBottomBorder
{
  border-bottom: solid 1px #c0c0c0;
}

.header
{
  background-image: url(images/HeaderBackground.gif);
  background-repeat: no-repeat;
  background-color: #EAF5FF;
  height: 80px;
}

.veryShortDropDown
{
  width: 50px;
  margin-left: 5px;
}

.shortDropDown
{
  width: 100px;
  margin-left: 5px;
}

.mediumDropDown
{
  width: 150px;
  margin-left: 5px;
}

.longDropDown
{
  width: 200px;
  margin-left: 5px;
}

.extraLongDropDown
{
  width: 275px;
  margin-left: 5px;
}

.extraSmallTextBox
{
  width: 25px;
  margin-left: 0px;
}

.verySmallTextBox
{
  width: 50px;
  margin-left: 5px;
}

.shorterTextBox
{
  width: 75px;
  margin-left: 5px;
}

.shortTextBox
{
  width: 100px;
  margin-left: 5px;
}

.mediumTextBox
{
  width: 150px;
  margin-left: 5px;
}

.longTextBox
{
  width: 200px;
  margin-left: 5px;
}

.extraLongTextBox
{
  width: 275px;
  margin-left: 5px;
}

.veryLongTextBox
{
  width: 400px;
  margin-left: 5px;
}

.labelText
{
  font-size: 10pt;
}

.errorMessageText
{
  font-size: 10pt;
  color: #cc0000;
}

.width20Percent
{
  width:20%;
}

/*******************************************************************************/
/******************************** Global Styles *********************************/
/*******************************************************************************/

.spacer 
{ 
  clear:both; 
  float:none; 
  font-size:1px; 
  display:inline-block;
}

.hidden
{
  display:none;
}

.shadedBackground
{
  background-color: #bbbbbb;
}

.bold
{
  font-weight: bold;
}

.centeredContent
{
  text-align: center !important;
}

.rightAlignedContent
{
  text-align: right !important;
}

.leftAlignedContent
{
  text-align: left !important;
}

.floatLeft
{
  float:left;
}

.floatRight
{
  float:right;
}

.outerFloatContainer
{
  overflow:auto;
}

.emptyRowCell
{
  font-size: 2px;
}

.validationSummary
{
  font-weight:bold;
  font-size:1.1em;
  color:Red;
}

.validationSummaryText
{
  color:Red;
}

.validationSummary ul
{
  margin-top:0px;
  font-weight:normal;
  font-size:0.9em;
}

.headerTopLeft
{
  height: 10px; 
  font-size:1px;
  background: url(images/backgrounds/modal_header_top_left_003366.png) no-repeat left;
}

.headerTopRight
{
  height: 10px;
  font-size:1px;
  margin: 0px 0px 0px 12px; 
  background: url(images/backgrounds/modal_header_top_right_003366.png) repeat-y right;
}

/*************** Styles for the Image (?) Used for Tooltips **********************/
.tooltipHelp
{
  background-image:url("images/graphics/questionMarkIcon.gif");
  background-repeat:no-repeat;
  width:13px;
  height:13px;
  display:inline-block;
  margin-left:5px;
  margin-top:2px;
}

/*************** JQuery Tooltip Plugin Styles **********************/
/* NOTES:
   - The structure of the tooltip is as follows
      <h3>title</h3>
      <div>body</div>
      <div>url</div>
   - The title is the text from the title attribute for the tooltip
   - The body is only displayed when showBody is true
   - The url is only displayed when showBody is true
*/
.tooltipContainer
{
  position: absolute;
  border: 1px solid #010101;
  background-color: #ffffcc;
  padding: 5px;
  z-index: 150000;
}

.tooltipContainer h3, .tooltipContainer div 
{ 
  margin: 0; 
}

.tooltipContainer h3
{
  font-weight:normal;
  font-size:10pt;
  text-align:left;
}


/*************** Input control containers **********************/
/*  Usage: (add class="required" to label for required fields)

  <div class="inputControlContainer inlineLabel">
    <label class="required" for="txtFirstName">First Name:</label>
    <span>
      <input id="txtFirstName" runat="server"/>
    </span>
  </div>
*/

.inputControlContainer
{
  overflow:hidden;
  clear:both; 
  width:98%;
  margin-top:5px;
}

.inlineLabel label 
{
  width:30%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
/*  position:relative; */
  font-weight:bold;
  
  padding-left:5px;
}

.inlineLabel .secondOnlineLabel
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 6%; 
  padding:0px; 
  line-height:100%; 
/*  position:relative; */
  font-weight:bold;
  
  padding-left:5px;
}

.inlineLabel .required
{
  border-left:solid 3px #cc0000;
  padding-left:2px;
}

.required
{
  border-left:solid 3px #cc0000;
  padding-left:2px;
}

.inlineLabel input,
.inlineLabel textarea,
.inlineLabel select 
{ 
  width:65%; 
  float:left; 
  display:inline;
}

.inlineLabel .shortInput
{ 
  width:15%; 
  float:left; 
  display:inline;
}

.inlineLabel .mediumInput
{ 
  width:50%; 
  float:left; 
  display:inline;
}

.inlineLabel img
{
  margin-left:5px;
  margin-top:2px;
}

.inlineLabel .radioButtons label
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

.inlineLabel .radioButtons input
{
  width:3%; 
  float:left; 
  display:inline;
}

.inlineLabel .checkBoxes label
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

.inlineLabel .checkBoxes input
{
  width:3%; 
  float:left; 
  display:inline;
}

.topLabel label 
{
  display:block; 
  float:none; 
  margin:.3em 0px; 
  padding:0px; 
  line-height:100%; 
  width:auto; 
/*  position:relative; */
  font-weight:bold;
}

.topLabel .input,
.topLabel .textarea,
.topLabel .select 
{ 
  width:80%; 
  float:left; 
  display:inline;
}

/******************************** 3-Column Selection Styles *********************************/

div.threeColumnSelection
{
  margin-top:5px;
  overflow:hidden;
}

div.threeColumnSelection label
{
  font-weight:bold;
}

div.threeColumnSelection select
{
  width:95%;
}

div.threeColumnSelection .column1,
div.threeColumnSelection .column2,
div.threeColumnSelection .column3
{
  float:left;
  padding-top:5px;
  padding-bottom:10px;
}

div.threeColumnSelection .column1,
div.threeColumnSelection .column3
{
  width:35%;
  padding-left:5px;
}

div.threeColumnSelection .column2
{
  width:26%;
}

div.threeColumnSelection .column2 div
{
  margin-top:20px;
  margin-left:40px;
}

/******************************** BlockUI Styles *********************************/

.blockOverlay
{
  background-color:#000000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE8 */
  filter: alpha(opacity=40);  /* IE7 */
  opacity: .4;  /* All other browsers */
}

.blockMsg 
{
  background-image: url(images/graphics/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  position:fixed;
  left:50%;
  bottom:50%;
}

/*******************************************************************************/
/******************************** Public Styles *********************************/
/*******************************************************************************/

/******************************** Page Header Styles *********************************/

.pageHeader
{
  background-image: url(images/graphics/HeaderBackground75.jpg);
  background-repeat: repeat-x;
  background-color: #ffffff;
  height: 75px;
  color: #00274D;
  font-size:0.9em;
  border:0px;
  width:100%;
  text-align:center;
  margin:0px 0px 0px 0px;
}

.pageHeader .headerColumn1
{
  margin-top:14px;
  padding-left:10px;
  float:left;
  width:30%; 
  text-align:left;
}

.pageHeader .headerColumn1 img
{
  border:0;
}

.pageHeader .cnLogoContainer
{
  float:left;
  margin-top:0px;
}

.pageHeader .sponsorLogo
{
  margin-left:15px;
}

.pageHeader .testNotification1
{
  font-size:2em;
  font-weight:bold;
  color:#ff0000;
  float:right;
}

.pageHeader .headerColumn2
{
  float:left;
  width:39%; 
  height:75px;  /* force height to be the same as the image to correct Firefox problem */
}

.pageHeader .headerColumn2 .labelContainer
{
  width:100%; 
  position: relative;
  top:-25px;
}

.pageHeader .headerColumn2 .labelContainer label
{
  text-transform:uppercase;
  color:#003366;
  font-size:1.1em;
  font-weight:bold;
}

.pageHeader .headerColumn3
{
  float:right;
  width:28%; 
  padding-right:10px;
}

.pageHeader .headerColumn3 .leftDealerImageContainer, .rightDealerImageContainer
{
  float:right;
}

.pageHeader .testNotification2
{
  font-size:2em;
  font-weight:bold;
  color:#ff0000;
  float:left;
  margin-top:15px;
}

/******************************** Navigation Bar Styles *********************************/

.navigationBar
{
  background-color:#c8c8c8;
  width:100%;
  text-align: left;
  height:25px;
}

.navigationBarBackground
{
  background-color:#c8c8c8;
}

.noNavBarDivider
{
  font-size:1px;
  height:10px;
  background-color:#c8c8c8;
}

.navigationBar .navBarColumn1
{
  width:20%;
  height:100%;
  float:left;
  display:inline;
}

.navigationBar .navBarColumn1 .userInfo
{
  padding-top:3px;
  padding-left:10px;
}

.navigationBar .navBarColumn2
{
  width:60%;
  height:100%;
  float:left;
  display:inline;
}

.navigationBar .navBarColumn3
{
  width:19%;
  height:100%;
  float:right;
  display:inline;
  text-align:right;
}

.navigationBar .navBarColumn3 .logout
{
  text-align:center;
  padding-top:3px;
  padding-right:10px;
  float:right;
}

.navigationBar .navBarColumn3 .logout a
{
  color:#000000;
  text-decoration:none;
}

.navigationBar .navBarColumn3 .logout a:visited
{
  color:#000000;
  text-decoration:none;
}

/******************************** Menu Bar Styles *********************************/
.menuBar
{
  clear:both;
  background-color:#c8c8c8;
  width:100%;
  height:100%;
  text-align: center;
}

.menuBar ul
{
  margin:0px;
  padding:4px 0px 0px 0px;
  height:21px;
}

.menuBar .selected a
{
  color:#ffffff!important;
}

.menuBar .menuItem
{
  display:inline;
  padding:0px 15px 0px 15px;
  border-left:2px solid #ffffff;
}

.menuBar .menuItem a 
{
  color:#000000;
  text-decoration:none;
  cursor:hand;
}

.menuBar .menuItem a:hover
{
  color:#ffffff;
}

.menuBar .lastItem
{
  border-right: 2px solid #ffffff;
}



.menuBar .menuItem-old
{
  list-style-type:none;
  border-left: 1px solid #ffffff;
  display:inline;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:15px;
  padding-right:15px;
  background-color:Lime;
}

.menuBar .lastItem-old
{
  border-right: 1px solid #ffffff;
}

/******************************** Page Footer Styles *********************************/

.publicFooter
{
  margin-top:20px;
  text-align:center;
}

/******************************** Login ******************************************/

.loginPage
{
}

.loginPage .login
{
  padding:0px;
  width:40%;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
}

.loginPage .login .heading
{
  background-color:#003366;
  color:#ffffff;
}

.loginPage .login .heading h1
{
  color: #ffffff;
  font-size: 1.3em;
  margin: 0px;
  padding: 0 7px 7px 7px;
}

.loginPage .login .content
{
  background-color:#ffffff;
  border:1px solid #999999;
  padding: 10px;
  text-align:left;
}

.loginPage .login div.inputControlContainer
{
  margin-top:10px;
  text-align:left;
}


.loginPage .loginBtn
{
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
}


.loginPage .login .btn
{
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
}

.loginPage .login .errors
{
  margin-top:10px;
}

.loginPage .login .forgotPassword
{
  font-size:0.8em;
  text-align:center;
}

.loginPage .login .forgotPassword a,
.loginPage .login .forgotPassword a.visited,
.loginPage .login .forgotPassword a.hover
{
  color:#000000;
}

.loginPage .login .message
{
  margin-top:20px;
  font-size:0.8em;
  text-align:center;
}

/******************************** Forgot Password Page ******************************************/

.forgotPasswordPage
{
  text-align:left;
}

.forgotPasswordPage .container
{
  background-color:#ffffff;
  border:1px solid #999999;
  padding:0px;
  width:35%;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
}

.forgotPasswordPage .container .heading
{
  background-color:#003366;
  color:#ffffff;
  text-align:center;
}

.forgotPasswordPage .container .heading h1
{
  color: #ffffff;
  font-size: 1.3em;
  margin: 0px;
  padding: 7px;
}

.forgotPasswordPage .content
{
  padding: 10px 20px 20px 20px;
}

.forgotPasswordPage .content .inputControlContainer
{
  margin-top:25px;
}

.forgotPasswordPage .content .btn
{
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
}

/******************************** Display Message Page ******************************************/
.displayMessagePage
{
}

.displayMessagePage p
{
  font-size:12pt;
}


/******************************** Dealer Home ******************************************/
.dealerHome
{
  width:100%;
  margin-top:10px;
}

.dealerHome table
{
  width:50%;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
}

.dealerHome caption
{
  color:#003366;
  font-size:1.4em;
  font-weight:bold;
  text-decoration:underline;
  padding-top:10px;
  padding-bottom:10px;
}

.dealerHome td
{
  width:33%;
  padding:20px 5px 20px 5px;
  text-align:left;
  vertical-align:middle;
}

.dealerHome td div
{
  margin-bottom:5px;
  text-align:center;
}

.dealerHome td img
{
  border:0px;
}

.dealerHome td label
{
  color:#003366;
  font-size:1.1em;
  font-weight:bold;
}

.dealerHome .selectStoreModalControlContainer
{
}

.dealerHome .selectStoreModalControlContainer ul
{
  text-align:left;
  padding-left:20px;
  list-style-type:square;
}

.dealerHome .parentContainer
{
  text-align:left;
  margin-left:30px;
}

.dealerHome .parentContainer .nodeName
{
  margin-left:5px;
}

.dealerHome .parentContainer .parentNode
{
  margin-left: 0px;
  margin-top: 5px;
}

.dealerHome .parentContainer .parentNode .parentNodeAnchor
{
  color: #000000;
  text-decoration:none;
  font-weight:bold;
}

.dealerHome .parentContainer .parentNode .nodeIcon
{
  vertical-align:middle;
  border:none;
}

.dealerHome .parentContainer .parentNode ul
{
  margin-top: 0px;
  margin-bottom: 0px;
}

/******************************** Dealer Dashboard ******************************************/

.dealerDashboard
{
  width:100%;
  margin-top:0px;
}

.dealerDashboard .selectorsAndControlsContainer
{
  margin-bottom:20px;
  overflow:hidden;
}

.dealerDashboard .selectors
{
  text-align:left;
  width:93%;
  float:left;
  margin-top:5px;
}

.dealerDashboard .selectors .staticZoneStyle
{
  padding:0px 0px 0px 10px !important;
}

.dealerDashboard .editControls
{
  text-align:right;
  width:6%;
  float:right;
  padding-right:5px;
}

.dealerDashboard .editControls a
{
  font-size:0.8em;
}

.dealerStoreSelectorControls
{
  text-align:left;
  width:100%;
  overflow:hidden;
}

.dealerStoreSelectorControls div
{
  margin-top:0px;
  float:left;
}

.dealerStoreSelectorControls label
{
  font-weight:bold;
  font-size:0.9em;
}

.dealerStoreSelectorControls select
{
  margin-right:10px;
  font-size:0.9em;
}

.dealerStoreSelectorControls select.partners
{
  margin-right:5px;
  width:85px;
}

.dealerStoreSelectorControls select.groupsAndStores
{
  margin-right:5px;
  width:175px;
}

/* border around the web part in normal display mode*/
.dealerDashboard .webPartChrome
{
  border:0px;
  margin: 2px;
  padding: 0px;
}

/* container around a web part zone*/
.dealerDashboard .webPartZoneContainer
{
  width:100%;
  margin-top:0px;
  border:0px;
}

/* web part header in normal display mode*/
.dealerDashboard .webPartZoneContainer .webPartZone .webPartTitle
{
  background-color:#c8c8c8;
  border-bottom:1px solid #003366;
}

/* web part body in normal display mode*/
.dealerDashboard .webPartZoneContainer .webPartZone .webPartStyle
{
}

/* style applied to the actual web part zone*/
.dealerDashboard .webPartZoneContainer .webPartZone
{
  width:100%;
  border:0px;
}

/* web part zone header when web parts are being edited*/
.dealerDashboard .webPartZoneContainer .webPartZone .webPartZoneHeader
{
  font-weight:bold;
  font-size:1.1em;
  background-color:#003366;
  color:#ffffff;
}

/* container around the catalog zone */
.dealerDashboard .catalogZoneContainer
{
  width:100%;
  margin-top:20px;
  border:0px;
}

/* style applied to the actual catalog zone */
.dealerDashboard .catalogZoneContainer .catalogZone
{
  width:100%;
  border:0px;
}

/* style applied to the tables within the catalog zone */
.dealerDashboard .catalogZoneContainer .catalogZone table
{
  padding:0px;
  margin:0px;
  border:0px;
}

/* catalog zone header when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZoneHeader
{
  font-weight:bold;
  font-size:1.1em;
  background-color:#003366;
  color:#ffffff;
}

/* catalog zone parts title when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZonePartTitle
{
  padding-top:5px;
  font-weight:bold;
}

/* catalog zone parts item style when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZonePartStyle
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:43%;
  text-align:left;
}

/* catalog zone footer when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZoneFooter
{
  border-color:#003366;
  border-style:solid;
  border-width:0px 1px 1px 1px;
  padding-top:5px;
  padding-bottom:5px;
}

/* catalog zone footer label for "zone selection dropdown" when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZoneFooter .footerLabelStyle
{
  margin-right:10px;
}

/* catalog zone footer buttons (or links) when web parts are being edited*/
.dealerDashboard .catalogZoneContainer .catalogZone .catalogZoneFooter .verbStyle
{
  margin-left:10px;
}

.dealerDashboard map
{
  display:none;
}

/******************************** Dealer Dashboard Report Widgets *******************************/

.tabularReportContainer
{
/*	padding-left:5px;*/
  background-image:url(images/DashboardReportBackground380x285.jpg);
  background-repeat:no-repeat;
  width:380px;
  height:285px;
  border:1px solid #e8e8e8;  /* NOTE: Added to properly align container in FireFox */
}

.tabularReport
{
  text-align:left;
  padding:0px;
  margin:0px 10px 0px 15px;
}

.tabularReport .tabularReportHeader
{
  margin-top:10px;
  padding:2px;
  text-align:center;
  font-weight:bold;
  width:95%
}

.tabularReport table
{
  margin-top:5px;
  border:1px solid #808080;
  padding:0px 4px 0px 4px;
  width:95%;
  font-size:0.85em;
}

.tabularReport table th
{
  background-color:#c8c8c8;
}

.tabularReport .headerRightColumns
{
  border-left:1px solid #808080;
}

.tabularReport table td
{
  border: 0px 0px 0px 0px;
  border-top:1px solid #cccccc;
}

.tabularReport .cellRightColumns
{
  border-left:1px solid #cccccc;
}

/******************************** Reports ******************************************/
div.reportSelectorControls
{
  text-align:center;
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
  overflow:hidden;
}

div.reportSelectorControls .selectorRow
{
  width:900px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}

div.reportSelectorControls .selectorRow .controlContainer
{
  float:left;
  width:50%;
  margin-left:0px;
  text-align:left;
  margin-top:3px;
}

div.reportSelectorControls .selectorRow .controlContainer label
{
  font-weight:bold;
  font-size:0.9em;
  vertical-align:middle;
  float:left;
  width:30%;
  margin-top:3px;
  margin-left:10px;
}

div.reportSelectorControls .selectorRow .controlContainer select
{
  margin-right:15px;
  font-size:0.9em;
  float:left;
  width:60%;
}

/******************************** Appointment Calendar ******************************************/
.appointmentCalendar
{
  margin-left:10px;
  margin-right:10px;
}

.appointmentCalendar .selections
{
  padding: 5px 0px 5px 15px;
  text-align: left;
  overflow:hidden;
  margin-top:5px;
  margin-bottom:5px;
}

.appointmentCalendar .selections .filter
{
  float:left;
  padding-right: 20px;
}

.appointmentCalendar table.outerContainer
{
  width:100%;
  border: solid #000000 1px;
  padding:0px;
}

.appointmentCalendar table.outerContainer .leftColumn
{
  width: 18%;
}

.appointmentCalendar table.outerContainer 
{
  width: 100%;
}

.appointmentCalendar table.outerContainer .leftColumn table
{
  width:100%;
}

.appointmentCalendar table.outerContainer .leftColumn td
{
  border-right: solid #000000 1px;
  border-bottom: solid #000000 1px;
  padding:2px;
  text-align: left;
}

.appointmentCalendar table.outerContainer .rightColumn
{
  width: 82%;
  text-align: left;
  vertical-align:top;
}

.appointmentCalendar td .emptyCell
{
  border-bottom: #cccccc 1px solid;
  padding: 2px;
}

.appointmentCalendar td .dividerColumn
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 0px;
  background-color: #ffcc66;
  width: 3px;
}

.appointmentCalendar td .dateCell
{
  text-align: center;
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  background-color: white;
}

.appointmentCalendar td .teamNameCell
{
  text-align: center;
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  height:85px;
}

.appointmentCalendar td .teamColumn,.teamColumnOverloaded
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  text-align: right;
/*  background-color: #ffff99; */
}

.appointmentCalendar td .teamColumnOverloaded
{
  color: Red;
}

.appointmentCalendar td .noServiceDayColumn
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  background-color: #ffaaaa;
}

.appointmentCalendar .timeSlotData
{
  width:100%;
}

.appointmentCalendar td .waitColumn,.waitColumnOverloaded
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  text-align: right;
  width:15px;
}

.appointmentCalendar td .waitColumnOverloaded
{
  color:Red;
}

.appointmentCalendar td .dropColumn,.dropColumnOverloaded
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  text-align: right;
  width:15px;
}

.appointmentCalendar td .dropColumnOverloaded
{
  color:Red;
}

.appointmentCalendar td .shuttleColumn,.shuttleColumnOverloaded
{
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 2px;
  text-align: right;
  width:30px;
}

.appointmentCalendar td .shuttleColumnOverloaded
{
  color:Red;
}

.appointmentCalendar .blueTeam
{
  background-color: #ccffff;
}

.appointmentCalendar .redTeam
{
  background-color: #ffcccc;
}

.appointmentCalendar .greenTeam
{
  background-color: #ccff99;
}

.appointmentCalendar .goldTeam
{
  background-color: #ffff99;
}

.appointmentCalendar .whiteTeam
{
  background-color: #ffffff;
}

/*******************************************************************************/
/******************************** Admin Styles *********************************/
/*******************************************************************************/

.adminFooter
{
  margin-top:20px;
  margin-left:13px;
  text-align:left;
}

.adminMasterbody
{
  padding: 0px;
  margin: 0px;
  background-position: left top;
/*  background-color: #E8E8E8;  */
  background-color: #f8f8f8;
  text-align: left;
}

.adminMainContent
{
  width:98%;
  margin: 20px auto 0px auto;
  text-align: left;
}

/******************************** Admin Searchbox Styles *********************************/

div.adminSearchBox
{
  width:100%;
  font-size:0.85em;
}

div.adminSearchBox .controlRow
{
  padding-left:10px;
  height:24px;
  margin-top:4px;
  overflow:hidden;
}

div.adminSearchBox .searchButton
{
  margin-top:10px;
}

div.adminSearchBox .controlGroup
{
  float:left;
  width:33%;
}

div.adminSearchBox .controlGroup .controlLabel
{
  width:110px; 
  float:left; 
  font-weight:bold;
  margin-top:2px;
  margin-left:0px;
}

div.adminSearchBox .controlGroup .controlContainer
{
  float:left; 
  display:inline;
  width:65%;
}

div.adminSearchBox .controlGroup .controlContainer input, 
div.adminSearchBox .controlGroup .controlContainer select
{
  width:90%;
}

div.adminSearchBox .buttonContainer
{
  float:right;
  margin-right:10px;
}

div.adminSearchBox .btn 
{
  overflow:hidden;
  margin:0px;
}


/******************************** Admin Search Results Styles *********************************/

div.resultsBox
{
  margin-top: 10px;
  padding-top: 10px;
  width:100%;
}

div.resultsBox .noResults
{
  margin-left:50px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:large;
}

div.resultsBox table.resultContainer
{
  width:100%;
  padding-left:5px;
}

div.resultsBox table.resultContainer th
{
  background-color:#e8e8e8;
  border-bottom:solid 1px #a0a0a0;
  border-top:solid 1px #a0a0a0;
}

div.resultsBox .resultsColumn1, 
div.resultsBox .resultsColumn2, 
div.resultsBox .resultsColumn3, 
div.resultsBox .resultsColumn4, 
div.resultsBox .resultsColumn5, 
div.resultsBox .resultsColumn6, 
div.resultsBox .resultsColumn7,
div.resultsBox .resultsColumn8,
div.resultsBox .resultsColumn9
{
  border-bottom:solid 1px #a0a0a0;
  text-align:left;
  padding-left:4px;
}

div.resultsBox .resultsColumn2, 
div.resultsBox .resultsColumn3, 
div.resultsBox .resultsColumn4, 
div.resultsBox .resultsColumn5, 
div.resultsBox .resultsColumn6, 
div.resultsBox .resultsColumn7,
div.resultsBox .resultsColumn8,
div.resultsBox .resultsColumn9
{
  border-left:solid 1px #a0a0a0;
}

/******************************** Admin Manage User Styles *********************************/
div.adminManageUsers .userType
{
  width:80%;
}

div.adminManageUsers .userType .radioButtons input
{
  width:20px;
  margin-left:0px;
}

div.adminManageUsers .userType .radioButtons label
{
  margin-right:20px;
}

div.adminManageUsers div.adminSearchBox .controlGroup .controlLabel
{
  width:120px;
}

div.adminManageUsers div.adminSearchBox .controlGroup .controlContainer
{
  width:60%;
}

div.adminManageUsers div.resultsBox .resultsColumn1, 
div.adminManageUsers div.resultsBox .resultsColumn2
{
  width:17%;
}

div.adminManageUsers div.resultsBox .resultsColumn3
{
  width:25%;
}

div.adminManageUsers div.resultsBox .resultsColumn4
{
  width:7%;
}

div.adminManageUsers div.resultsBox .resultsColumn5
{
  width:14%;
}

div.adminManageUsers div.resultsBox .resultsColumn6
{
  width:8%;
  padding-left:10px;
}

div.adminManageUsers div.resultsBox .resultsColumn7
{
  width:12%;
  padding-left:10px;
}

div.adminManageUsers .addEditUserModalControlContainer
{
  width:95%;
  margin:0px auto 0px auto;
}

div.adminManageUsers .addEditUserModalControlContainer hr
{
  margin-top:2px;
  margin-bottom:2px;
}

div.adminManageUsers .addEditUserModalControlContainer h3
{
  margin-top:0px;
  margin-bottom:10px;
  font-size:1.1em;
  text-align:center;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores
{
  width:100%;
  padding:2px;
  margin-top:10px;
  margin-bottom:10px;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn1, 
div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn1Heading
{
  width:5%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn2, 
div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn2Heading
{
  width:45%;
  padding-left:5px;
  border-left:solid 1px #a0a0a0;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn3, 
div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn3Heading
{
  width:25%;
  padding-left:5px;
  border-left:solid 1px #a0a0a0;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn4, 
div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .adsColumn4Heading
{
  width:25%;
  padding-left:5px;
  border-left:solid 1px #a0a0a0;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageUsers .addEditUserModalControlContainer .accessibleDealerStores .dealerStoreInput
{
  width:130px;
}

div.adminManageUsers .note
{
  font-size:0.8em;
  font-weight:normal;
}

div.adminManageUsers .picture
{
  float:left;
}

div.adminManageUsers .pictureSelect
{
  float:left;
  margin-left:10px;
}

/******************************** Admin Manage Dealer Group Styles *********************************/

div.adminManageDealerGroups div.adminSearchBox .controlGroup
{
  width:50%;
}

div.adminManageDealerGroups div.adminSearchBox .controlGroup .controlLabel
{
  width:150px;
}

div.adminManageDealerGroups div.resultsBox .resultsColumn1
{
  width:44%;
}

div.adminManageDealerGroups div.resultsBox .resultsColumn2
{
  width:20%;
}

div.adminManageDealerGroups div.resultsBox .resultsColumn3, 
div.adminManageDealerGroups div.resultsBox .resultsColumn4, 
div.adminManageDealerGroups div.resultsBox .resultsColumn5
{
  width:12%;
  padding-left:10px;
}

div.adminManageDealerGroups .cpUrls
{
  width:100%;
}

div.adminManageDealerGroups .cpUrls th
{
  border-bottom: 1px solid #A0A0A0;
  padding: 5px 0;
}

div.adminManageDealerGroups .cpUrls .cpCol1,
div.adminManageDealerGroups .cpUrls .cpCol2
{
  border-bottom:1px solid #c0c0c0;
}

div.adminManageDealerGroups .cpUrls .cpCol1
{
  width:80%;
}

div.adminManageDealerGroups .cpUrls .cpCol2
{
  width:19%;
}

div.adminManageDealerGroups .note
{
  font-size:0.8em;
  font-weight:normal;
}

div.adminManageDealerGroups .logo
{
  float:left;
}

div.adminManageDealerGroups .logoSelect
{
  float:left;
  margin-left:10px;
}

/******************************** Admin Manage Dealer Store Styles *********************************/

div.adminManageDealerStores div.adminSearchBox .controlGroup
{
  width:40%;
}

div.adminManageDealerStores div.adminSearchBox .controlGroup .controlLabel
{
  width:150px;
}

div.adminManageDealerStores div.adminSearchBox .controlGroup .controlContainer
{
  width:58%;
}

div.adminManageDealerStores div.resultsBox .resultsColumn1
{
  width:30%;
}

div.adminManageDealerStores div.resultsBox .resultsColumn2
{
  width:40%;
}

div.adminManageDealerStores div.resultsBox .resultsColumn3, 
div.adminManageDealerStores div.resultsBox .resultsColumn4, 
div.adminManageDealerStores div.resultsBox .resultsColumn5
{
  width:10%;
  padding-left:10px;
}

div.adminManageDealerStores .indentedGroupHeading
{
  margin-top:15px;
  font-weight:bold;
}

div.adminManageDealerStores .indentedGroup
{
  margin-top:10px;
}

div.adminManageDealerStores .indentedGroup  .inputControlContainer
{
  overflow:hidden;
  clear:both; 
  width:98%;
  margin-top:5px;
  margin-left:2%;
}

div.adminManageDealerStores .indentedGroup .inlineLabel label 
{
  width:28%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

div.adminManageDealerStores .indentedGroup .inlineLabel .secondOnlineLabel
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 6%; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

div.adminManageDealerStores .indentedGroup .inlineLabel .required
{
  border-left:solid 3px #cc0000;
  padding-left:2px;
}

div.adminManageDealerStores .checkStoreConfigurationDialog label
{
  font-size:1.05em;
  font-weight:bold;
}

div.adminManageDealerStores .checkStoreConfigurationDialog .okMessage
{
  margin-left:25px;
}

div.adminManageDealerStores .checkStoreConfigurationDialog ul
{
  margin-left:30px;
  margin-top:5px;
  margin-bottom:0px;
  color:#cc0000;
}

div.adminManageDealerStores .note
{
  font-size:0.8em;
  font-weight:normal;
}

div.adminManageDealerStores .logo
{
  float:left;
}

div.adminManageDealerStores .logoSelect
{
  float:left;
  margin-left:10px;
}

/******************************** Admin Manage Dealer Store No Service Day Styles *********************************/
div.adminManageNoServiceDays
{
}

.adminManageNoServiceDays .container
{
  margin-top:5px;
  margin-left:2%;
  margin-right:2%;
  width:96%;
}

.adminManageNoServiceDays .container .controlLabel
{
  font-weight:bold;
  margin-right:10px;
}

.adminManageNoServiceDays .filters
{
  width:100%;
  overflow:hidden;
}

.adminManageNoServiceDays .filters label
{
  display:inline-block;
  margin-bottom:2px;
}

.adminManageNoServiceDays .filters .col1,
.adminManageNoServiceDays .filters .col3
{
  width:40%;
}

.adminManageNoServiceDays .filters .col2
{
  width:20%;
}

.adminManageNoServiceDays .filters .col3 .btn_container
{
  float:right;
}

.adminManageNoServiceDays .results
{
  width:100%;
}

.adminManageNoServiceDays .results th,
.adminManageNoServiceDays .results td
{
  border-bottom:solid 1px #a0a0a0;
  padding-left:4px;
}

.adminManageNoServiceDays .results th
{
  border-top:solid 1px #a0a0a0;
  background-color:#e8e8e8;
  font-weight:bold;
  padding-top:2px;
  padding-bottom:2px;
}

.adminManageNoServiceDays .results .col1,
.adminManageNoServiceDays .results .col3,
.adminManageNoServiceDays .results .col4
{
  width:20%;
}

.adminManageNoServiceDays .results .col2
{
  width:40%;
}

.adminManageNoServiceDays .results .col2,
.adminManageNoServiceDays .results .col3,
.adminManageNoServiceDays .results .col4
{
  border-left:solid 1px #a0a0a0;
}

/******************************** Admin Manage Dealer Store Op Code Styles *********************************/

div.adminManageDealerStoreServiceCodes div.adminSearchBox .controlGroup .controlContainer
{
  width:63%;
}

div.adminManageDealerStoreServiceCodes .resultsBox
{
  margin-top: 10px;
  padding-top: 10px;
  width:100%;
}

div.adminManageDealerStoreServiceCodes .resultsBox .noResults
{
  margin-left:50px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:large;
}

div.adminManageDealerStoreServiceCodes .resultsBox .requiredCodeNotEntered
{
  color:#cc0000;
}

div.adminManageDealerStoreServiceCodes .resultsBox .serviceCodesScrollableContainer
{
  overflow:auto;
  height:400px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .generalUseServiceCodesContainer
{
  border-top:solid 2px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .serviceCodeSelection
{
  margin-top:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#f0f0f0;
  border-top:solid 2px #a0a0a0;
  border-bottom:solid 2px #a0a0a0;
  width:100%;
}

div.adminManageDealerStoreServiceCodes .resultsBox .serviceCodeSectionHeading
{
  width:97%;
  margin-top:10px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .resultHeadingColumn
{
  width:80%;
  text-align:center;
  font-weight:bold;
  margin-bottom:5px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .addServiceCodeColumn
{
  width:20%;
}

div.adminManageDealerStoreServiceCodes .intervalServiceCodesContainer .searchBox
{
  width: 100%;
  padding:2px;
  margin-top:0px;
  margin-bottom:10px;
}

div.adminManageDealerStoreServiceCodes .mileageIntervalFilterContainer
{
  margin-top:0px;
  width: 100%;
  padding:2px;
}

div.adminManageDealerStoreServiceCodes .mileageIntervalFilterContainer .filterColumn1, 
div.adminManageDealerStoreServiceCodes .mileageIntervalFilterContainer .filterColumn3
{
  width:12%;
  text-align:right;
  padding-top:6px;
  padding-bottom:6px;
}

div.adminManageDealerStoreServiceCodes .mileageIntervalFilterContainer .filterColumn2, 
div.adminManageDealerStoreServiceCodes .mileageIntervalFilterContainer .filterColumn4
{
  width:38%;
  padding-top:6px;
  padding-bottom:6px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .serviceCodeSelection .buttonlabel
{
  font-weight:bold;
  padding-left:5px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .serviceCodeSelection input
{
  margin-left:10px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .resultContainer
{
  margin-top:10px;
  width:100%;
  padding-left:5px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .resultHeading
{
  text-align:center;
  font-weight:bold;
  margin-bottom:5px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .resultContainer th
{
  background-color:#e8e8e8;
  border-bottom:solid 1px #a0a0a0;
  border-top:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn1, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn2, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn6, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn6Data,
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn7 
{
  border-bottom:solid 1px #a0a0a0;
  text-align:left;
  padding: 2px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn2, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5Data, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn6,
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn7 
{
  border-left:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn1
{
  width:15%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn2
{
  width:37%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3Data
{
  width:12%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4, 
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4Data
{
  width:8%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn3Data
{
  text-align:right;
  padding-right:10px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn4Data
{
  text-align:right;
  padding-right:10px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5,
div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5Data
{
  width:8%;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn5Data
{
  text-align:right;
  padding-right:10px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn6
{
  width:10%;
  padding-left:10px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scResultsColumn7
{
  width:10%;
  padding-left:10px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageDealerStoreServiceCodes .resultsBox .optionHeading
{
  margin-top:5px;
  font-weight:bold;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scCheckboxList
{
  width:80%;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scCheckboxList td
{
  width:20%;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scCheckboxList span.normal
{
  font-weight:bold;
  color:#a0a0a0;
  padding: 0px 4px 0px 4px;
}

div.adminManageDealerStoreServiceCodes .resultsBox .scCheckboxList span.selected
{
  font-weight:bold;
  color:#a0a0a0;
  padding: 0px 4px 0px 4px;
  border: 1px solid #808080;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .inputControlContainer
{
  margin-top:0px;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .usageFilters .inputControlContainer
{
  margin-top:2px;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .addLangHeader
{
  background-color: #000080;
  color: white;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  width:95%;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .addLangHeader span
{
  padding-left:5px;
  padding-right:10px
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .langHeader
{
  margin-left:20px;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .optionContainer
{
  overflow:hidden;
  clear:both; 
  width:98%;
  margin-top:5px;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .optionContainer label
{
  width:30%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:2px;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .optionContainer .choices
{
  width:65%; 
  float:left; 
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .optionContainer .choices input
{
  width:15%; 
  float:left; 
  display:inline;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer .optionContainer .choices label
{
  width:60%; 
  float:left; 
  display:inline;
  font-weight:normal;
}

div.adminManageDealerStoreServiceCodes .addEditServiceCodeDialogModalControlContainer td
{
  width:20%;
}

/******************************** Admin Manage Dealer Store Team Styles *********************************/

div.adminManageDealerStoreTeams div.adminSearchBox .controlGroup .controlContainer
{
  width:63%;
}

div.adminManageDealerStoreTeams div.resultsBox .resultsColumn1
{
  width:25%;
}

div.adminManageDealerStoreTeams div.resultsBox .resultsColumn2, 
div.adminManageDealerStoreTeams div.resultsBox .resultsColumn3
{
  width:15%;
}

div.adminManageDealerStoreTeams div.resultsBox .resultsColumn4
{
  width:13%;
}

div.adminManageDealerStoreTeams div.resultsBox .resultsColumn5
{
  width:12%;
}

div.adminManageDealerStoreTeams div.resultsBox .resultsColumn6, 
div.adminManageDealerStoreTeams div.resultsBox .resultsColumn7
{
  width:10%;
  padding-left:10px;
}

div.adminManageDealerStoreTeams .checkboxContainer label
{
  width:auto;
}

div.adminManageDealerStoreTeams .checkboxContainer input
{
  width:auto;
  margin-left:5px;
  margin-right:5px;
}

div.configureTeamTimeSlotsModalControlContainer
{
  width:850px;
}

div.configureTeamTimeSlotsModalControlContainer .cellCommon
{
  height:22px;
}

div.configureTeamTimeSlotsModalControlContainer .emptyCell
{
  background-color:#e8e8e8;
  border-bottom:solid 1px #e8e8e8;
}

div.configureTeamTimeSlotsModalControlContainer .emptyCellWithBottomBorder
{
  background-color:#e8e8e8;
  border-bottom:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .timeOfDayColumn
{
  width:80px;
  text-align:center;
}

div.configureTeamTimeSlotsModalControlContainer .leftBorder
{
  border-left:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .leftHighlightedBorder
{
  border-left:solid 4px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .standardRowCell
{
  border-bottom:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .alternateRowCell
{
  border-bottom:solid 1px #a0a0a0;
  background-color: #cecece;
}

div.configureTeamTimeSlotsModalControlContainer .dayLabel
{
  width:120px;
  text-align:center;
  background-color:#ffffff;
  border-bottom:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .timeSlotColumn
{
  width:60px;
  text-align:center;
  border-bottom:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .departsSlotColumn
{
  width:120px;
  text-align:center;
  border-bottom:solid 1px #a0a0a0;
}

div.configureTeamTimeSlotsModalControlContainer .columnLabel
{
  text-align:center;
  background-color:#ffffff;
}

/******************************** Admin Manage Dealer Store Team Capacity Styles *********************************/
.adminManageTeamCapacity
{
}

.adminManageTeamCapacity .container
{
  margin-top:5px;
  margin-left:2%;
  margin-right:2%;
  width:96%;
}

.adminManageTeamCapacity .container .controlLabel
{
  font-weight:bold;
  margin-right:10px;
}

.adminManageTeamCapacity .filters
{
  width:100%;
  overflow:hidden;
}

.adminManageTeamCapacity .filters label
{
  display:inline-block;
  margin-bottom:2px;
}

.adminManageTeamCapacity .filters .col1,
.adminManageTeamCapacity .filters .col3
{
  width:20%;
}

.adminManageTeamCapacity .filters .col2
{
  width:60%;
  text-align:center;
  font-weight:bold;
  color:#cc0000;
}

.adminManageTeamCapacity .filters .col3 .btn_container
{
  float:right;
}

.adminManageTeamCapacity .capacityCalendar
{
  width:100%;
}

.adminManageTeamCapacity .capacityCalendar .dateSelection
{
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  background-color:#00274D;
}

.adminManageTeamCapacity .capacityCalendar .dateSelection select
{
  font-size:1.1em;
}

.adminManageTeamCapacity .capacityCalendar .headerStyle
{
  padding-top:3px;
  padding-bottom:3px;
  background-color:#00274D;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
}

.adminManageTeamCapacity .capacityCalendar .dayIsInOtherMonth
{
  background-color:#f0f0f0;
  vertical-align:top;
  border:solid 1px #808080;
}

.adminManageTeamCapacity .capacityCalendar .noServiceDay
{
  background-color:#f0f0f0;
  vertical-align:top;
  border:solid 1px #808080;
}

.adminManageTeamCapacity .capacityCalendar .dayStyle
{
  background-color:#ffffff;
  border:solid 1px #808080;
  font-weight:bold;
}

.adminManageTeamCapacity .capacityCalendar .dayStyle div
{
  font-weight:normal;
}

.adminManageTeamCapacity .capacityCalendar .labelContainer
{
  float:left;
  text-align: left;
  width:53%;
  padding-top:2px;
  margin-left:3px;
}

.adminManageTeamCapacity .capacityCalendar .valueContainer
{
  float:right;
  text-align: right;
  width:41%;
  display:inline-block;
  margin-right:3px;
}

.adminManageTeamCapacity .capacityCalendar .valueContainer input
{
  width:40px;
  background-color:#fffdb3;
  text-align: right;
}

.adminManageTeamCapacity .capacityCalendar .commentInput
{
  margin-bottom:3px;
  width:94%;
  overflow:auto;
  background-color:#fffdb3;
}

/******************************** Admin Manage Module Access Styles *********************************/

div.adminManageModuleAccess div.adminSearchBox .controlGroup .controlContainer
{
  width:63%;
}

div.adminManageModuleAccess div.resultsBox .resultsColumn1
{
  width:30%;
}

div.adminManageModuleAccess div.resultsBox .resultsColumn2
{
  width:70%;
}

div.adminManageModuleAccess .changeButtonContainer
{
  margin-top:10px;
  margin-left:5px;
}

div.adminManageModuleAccess .resultHeading
{
  font-size:1.05em;
  font-weight:bold;
  margin-left:5px;
  margin-bottom:5px;
}


/******************************** Admin Manage Reports Styles *********************************/

div.adminManageReports div.adminSearchBox .controlGroup .controlContainer
{
  width:63%;
}

div.adminManageReports div.adminSearchBox .wideControlGroup 
{
  width:91%
}

div.adminManageReports .resultContainer .resultsColumn1,
div.adminManageReports .resultContainer .resultsColumn2,
div.adminManageReports .resultContainer .resultsColumn3,
div.adminManageReports .resultContainer .resultsColumn4,
div.adminManageReports .resultContainer .resultsColumn5
{
  vertical-align:top;
  padding-top:2px;
  padding-bottom:2px;
}

div.adminManageReports .resultContainer ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

div.adminManageReports .checkboxContainer label
{
  width:auto;
}

div.adminManageReports .checkboxContainer input
{
  width:auto;
  margin-left:5px;
  margin-right:5px;
}

/******************************** Admin Manage Online Appointments Styles *********************************/
div.AdminManageOnlineAppts div.adminSearchBox .controlGroup .controlContainer
{
  width:63%;
}

div.AdminManageOnlineAppts .resultsBox
{
  
}

div.AdminManageOnlineAppts .noResults
{
  margin-left:50px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:large;
}

div.AdminManageOnlineAppts .resultContainer
{
  width:100%;
  border-collapse:collapse;
}

div.AdminManageOnlineAppts .resultContainer th
{
  background-color: #E8E8E8;
  border-bottom: 1px solid #A0A0A0;
  border-top: 1px solid #A0A0A0;  font-weight:bold;
  padding:4px;
}

div.AdminManageOnlineAppts .resultContainer th label
{
  display:inline-block;
  margin-top:7px;
  float:left;
}

div.AdminManageOnlineAppts .resultContainer th label.notice
{
  color:#cc0000;
  float:right;
  margin-right:10px;
}

div.AdminManageOnlineAppts .resultContainer .onCol1,
div.AdminManageOnlineAppts .resultContainer .onCol2,
div.AdminManageOnlineAppts .resultContainer .onCol3
{
  border-bottom: 1px solid #A0A0A0;
  padding: 2px 4px 2px 4px;
  text-align: left;
  vertical-align:top;
}

div.AdminManageOnlineAppts .resultContainer .onCol1
{
  width:26%;
}

div.AdminManageOnlineAppts .resultContainer .onCol2,
div.AdminManageOnlineAppts .resultContainer .onCol3
{
  border-left: 1px solid #A0A0A0;
  width:37%;
}

div.AdminManageOnlineAppts .resultContainer .middle
{
  vertical-align:middle;
}

div.AdminManageOnlineAppts .resultContainer .onCol3 select
{
  margin-left:10px;
}

div.AdminManageOnlineAppts .resultContainer label
{
  margin-left:5px;
}

div.AdminManageOnlineAppts .resultContainer .longTextbox
{
  width:100%;
}

div.AdminManageOnlineAppts .resultContainer .advisorList
{
  width:100%;
}

div.AdminManageOnlineAppts .resultContainer .advisorList td
{
  width:32%;
  padding:0;
  margin:0;
}

/******************************** Admin Manage DMS Integration Config Styles *********************************/

div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn1,
div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn2
{
  width:15%;
}

div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn3
{
  width:10%;
}

div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn4
{
  width:10%;
}

div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn5,
div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn6,
div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn7,
div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn8,
div.adminManageDmsIntegrationConfig div.resultsBox .resultsColumn9
{
  width:10%;
  padding-left:10px;
}

/******************************** Admin Manage Repair Order Filtering Styles *********************************/

div.adminManageRepairOrderFiltering div.resultsBox .resultsColumn1,
div.adminManageRepairOrderFiltering div.resultsBox .resultsColumn2
{
  width:38%;
}

div.adminManageRepairOrderFiltering div.resultsBox .resultsColumn3,
div.adminManageRepairOrderFiltering div.resultsBox .resultsColumn4
{
  width:12%;
  padding-left:10px;
}

div.adminManageRepairOrderFiltering .resultsBox .filterSelection
{
  margin-top:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#f0f0f0;
  border-top:solid 2px #a0a0a0;
  border-bottom:solid 2px #a0a0a0;
  width:100%;
}

div.adminManageRepairOrderFiltering .resultsBox .filterSelection .buttonlabel
{
  font-weight:bold;
  padding-left:5px;
}

div.adminManageRepairOrderFiltering .resultsBox .filterSelection input
{
  margin-left:10px;
}

div.adminManageRepairOrderFiltering .resultsBox .noFilterContainer
{
  margin-top:20px;
  margin-bottom:20px;
  width:50%;
  text-align:left;
}

div.adminManageRepairOrderFiltering .resultsBox .selectionLabel
{
  padding-left:10px;
}

div.adminManageRepairOrderFiltering .resultsBox .filterContainer
{
  margin-top:10px;
  width:100%;
}

div.adminManageRepairOrderFiltering .resultsBox .filterContainer .buttonContainer
{
  overflow:hidden;
  margin-bottom:10px;
}

/******************************** Admin Manage DMS Integration Config Styles *********************************/

div.adminManageCustomerContactConfig div.resultsBox .resultsColumn1,
div.adminManageCustomerContactConfig div.resultsBox .resultsColumn2
{
  width:30%;
}

div.adminManageCustomerContactConfig div.resultsBox .resultsColumn3,
div.adminManageCustomerContactConfig div.resultsBox .resultsColumn4
{
  width:15%;
}

div.adminManageCustomerContactConfig div.resultsBox .resultsColumn5
{
  width:10%;
  padding-left:10px;
}

/******************************** Admin Tab Styles *********************************/

.adminTabContainer
{
}

.adminTabContainer .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url("images/graphics/tabs/tab-line.gif") repeat-x bottom;}
.adminTabContainer .ajax__tab_outer {padding-right:4px;background:url("images/graphics/tabs/tab-right.gif") no-repeat right;height:21px; margin-right:1px;}
.adminTabContainer .ajax__tab_inner {padding-left:3px;background:url("images/graphics/tabs/tab-left.gif") no-repeat;}
.adminTabContainer .ajax__tab_tab {height:13px;padding:4px;margin:0;color:#000000;background:url("images/graphics/tabs/tab.gif") repeat-x;}
.adminTabContainer .ajax__tab_hover .ajax__tab_outer {background:url("images/graphics/tabs/tab-hover-right.gif") no-repeat right;}
.adminTabContainer .ajax__tab_hover .ajax__tab_inner {background:url("images/graphics/tabs/tab-hover-left.gif") no-repeat;}
.adminTabContainer .ajax__tab_hover .ajax__tab_tab {background:url("images/graphics/tabs/tab-hover.gif") repeat-x;}
.adminTabContainer .ajax__tab_active .ajax__tab_outer {background:url("images/graphics/tabs/tab-active-right.gif") no-repeat right;}
.adminTabContainer .ajax__tab_active .ajax__tab_inner {background:url("images/graphics/tabs/tab-active-left.gif") no-repeat;}
.adminTabContainer .ajax__tab_active .ajax__tab_tab {background:url("images/graphics/tabs/tab-active.gif") repeat-x;}
.adminTabContainer .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}


/******************************** Admin Manage Wait Ads Styles *********************************/

div.adminManageWaitAds
{
  border:1px solid #999999;
  background-color:#ffffff;
}

div.adminManageWaitAds div.adminSearchBox .controlRow
{
  width:98%;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
}

div.adminManageWaitAds .resultsBox
{
  margin-top: 15px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  width:830px;
  border:solid 1px #a0a0a0;
}

div.adminManageWaitAds .resultsBox .noResults
{
  margin-left:50px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:large;
}

div.adminManageWaitAds .resultsBox .resultContainer
{
  width:810px;
  overflow:hidden;
}

div.adminManageWaitAds .resultsBox .headingRow
{
  margin-left:20px;
  border-top:solid 1px #a0a0a0;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageWaitAds .resultsBox .resultHeading
{
  text-align:center;
  font-weight:bold;
  background-color:#e8e8e8;
}

div.adminManageWaitAds .resultsBox .dataRow
{
  height:115px;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageWaitAds .resultsBox .dataRow div
{
  height:115px;
}

div.adminManageWaitAds .resultsBox .dataRow img
{
  margin-top:2px;
  border:0px;
  padding:0px;
  margin:0px;
}

div.adminManageWaitAds .resultsBox .resultsColumn1, 
div.adminManageWaitAds .resultsBox .resultsColumn2, 
div.adminManageWaitAds .resultsBox .resultsColumn3, 
div.adminManageWaitAds .resultsBox .resultsColumn4, 
div.adminManageWaitAds .resultsBox .resultsColumn5, 
div.adminManageWaitAds .resultsBox .resultsColumn6, 
div.adminManageWaitAds .resultsBox .resultsColumn7
{
  border:none;
  padding:0px;
}

div.adminManageWaitAds .resultsBox .resultsColumn2, 
div.adminManageWaitAds .resultsBox .resultsColumn3, 
div.adminManageWaitAds .resultsBox .resultsColumn4, 
div.adminManageWaitAds .resultsBox .resultsColumn5, 
div.adminManageWaitAds .resultsBox .resultsColumn6, 
div.adminManageWaitAds .resultsBox .resultsColumn7
{
  border-left:solid 1px #a0a0a0;
}

div.adminManageWaitAds .resultsBox .resultsColumn1
{
  width:170px;
  text-align:center;
}

div.adminManageWaitAds .resultsBox .resultsColumn2, 
div.adminManageWaitAds .resultsBox .resultsColumn3, 
div.adminManageWaitAds .resultsBox .resultsColumn4
{
  width:130px;
  text-align:center;
}

div.adminManageWaitAds .resultsBox .resultsColumn5
{
  width:70px;
  text-align:center;
}

div.adminManageWaitAds .resultsBox .resultsColumn6
{
  width:70px;
  padding-left:10px;
}

div.adminManageWaitAds .resultsBox .resultsColumn7
{
  width:80px;
  padding-left:10px;
  border-left:solid 1px #a0a0a0;
}

div.adminManageWaitAds .resultsBox .reorder ul
{
  margin: 0;
  padding: 0;
  background-image: url();
  list-style-type: none;
}

div.adminManageWaitAds .resultsBox .reorder .dragHandle
{
 width:20px;
 height:110px;
 cursor:move;
}

div.adminManageWaitAds .resultsBox .reorder .dragHandle .dragHandleButton
{
  margin:10px 2px 10px 2px;
  height: 93px;
  background-image:url(images/buttons/DragButton.gif);
  background-repeat:no-repeat;
}

div.adminManageWaitAds .resultsBox .reorder .dropTarget
{
  background-color:#00aadd;
  color:#ffffff;
  width:100%;
  height:20px;
  text-align:center;
  padding-top:2px;
}

div.adminManageWaitAds .previewButtonContainer
{
  margin-left:47%;
  margin-bottom:10px;
}

div.adminManageWaitAds .imagePreview
{
  width:200px;
  height:150px;
  margin-left:25%;
  margin-top:20px;
  margin-bottom:20px;
}

/******************************** Admin Manage Notifications Styles *********************************/

div.adminManageNotifications
{
  padding-top:15px;
}

div.adminManageNotifications
{
  border:1px solid #999999;
  background-color:#ffffff;
}

div.adminManageNotifications .resultsBox
{
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  width:830px;
  border:solid 1px #a0a0a0;
}

div.adminManageNotifications .resultsBox .customerNotifications
{
  width:100%;
  padding:5px;
  margin-bottom:10px;
}

div.adminManageNotifications .resultsBox .customerNotifications .heading
{
  padding-bottom:10px;
  padding-left:4px;
  font-size:1.1em;
  border-bottom:solid 1px #a0a0a0;
}

div.adminManageNotifications div.resultsBox .btnContainer
{
  overflow:hidden;
}

div.adminManageNotifications div.resultsBox th.resultsColumn1,
div.adminManageNotifications div.resultsBox th.resultsColumn2,
div.adminManageNotifications div.resultsBox th.resultsColumn2_3,
div.adminManageNotifications div.resultsBox th.resultsColumn3,
div.adminManageNotifications div.resultsBox th.resultsColumn4,
div.adminManageNotifications div.resultsBox th.resultsColumn5
{
  padding-top:4px;
  padding-bottom:4px;
  background-color:#e0e0e0;
  overflow:hidden;
}

div.adminManageNotifications div.resultsBox .resultsColumn1
{
  width:20%;
}

div.adminManageNotifications div.resultsBox .resultsColumn2
{
  width:32%;
}

div.adminManageNotifications div.resultsBox .resultsColumn3
{
  width:8%;
  text-align:center;
}

div.adminManageNotifications div.resultsBox .resultsColumn2_3
{
  width:40%;
  border-left: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  padding-left: 4px;
  text-align: left;
}

div.adminManageNotifications div.resultsBox .resultsColumn4
{
  width:20%;
  padding-left:10px;
}

div.adminManageNotifications div.resultsBox .resultsColumn5
{
  width:20%;
  padding-left:10px;
}

div.adminManageNotifications div.resultsBox .resultsColumn4 .btn,
div.adminManageNotifications div.resultsBox .resultsColumn5 .btn
{
  float:left;
}

div.adminManageNotifications div.resultsBox .resultsColumn4 img,
div.adminManageNotifications div.resultsBox .resultsColumn5 img
{
  margin-top:5px;
}

.previewEmailTemplateModalControlContainer
{
  margin-left:10px;
  font-size:1.05em;
  width:98%;
}

.previewTextTemplateModalControlContainer
{
  margin-left:10px;
  font-size:1.05em;
  width:98%;
  height:300px;
}
