/*********************************************************************
 *
 * The main parts (layers) of the web screen
 *	Comaker
 **********************************************************************/
body
{
    font-family: Arial,Helvetica,Verdana,sans-serif;

  background-color:Transparent;
  margin: 0 0 0 0;
}
td
{
  font-size: 11px;
  font-family: arial;
  color: #000;
}
.CompareTable
{
background-color:#F2E5CA;
}

#gridContainer
{
    padding-top:10px;
}

.menuToolbar
{
    background-color:#F5F5F5;
    height:26px;
}
.topToolbar
{
    background-color:#dcdcdc;
    height:25px;
}
.criteria
{
    padding-left: 8px;
    padding-top: 2px;

    overflow: auto;
    white-space: nowrap;
}
.criteria label
{
    color: #b0b2b4;
    font-weight:bold;
}
.criteria input
{
    border-color: #b0b2b4 !important;
    width:140px;
}
.criteria div input
{
    width:120px;
}
a.disabled
{
    color:#CCCCCC !important;
}

.GridHeader_Excel a, .ResizeHeader_Excel {
    background: white !important;
    color: #b0b2b4 !important;
    font-weight:bold !important;
    text-decoration:none;
}


html
{
    height:100%;
    margin:0;
    padding:0;
}
body
{
    height: 100%;
    margin: 0;
    padding: 0;
    z-index:0;
}
form
{
    height:100%;
    margin:0;
    padding:0;
}
#gridContainer
{
    position:relative;
    margin-left: 5px;
}
#progressMask
{
    position:absolute;
    background:#FBFBFB;
    -moz-opacity:0.75;
    filter: alpha(opacity=75);
    opacity:0.75;
    margin:0;
    padding:0;
    left:0;
    top:0;
}
#progressImage
{
    position:absolute;
    left:50%;
    top:50%;
    margin: -48px 0px 0px -48px;
    padding:0;
    z-index:100;
}
div.criteria input
{
    border: solid 1px #b0b2b4 !important;
}
.LabelGreeting
{
 font-size: 11px;
  font-family: arial;
  color: #000;
}


/*********************************************************************
 *
 * The Header items
 *
 **********************************************************************/
.HeadertoolBarMiddle
{
  height: 50px;
  vertical-align: middle;
}
.compLogo
{
  margin-left: 20px;
}

/* company message */
.toolbarheader
{
    border:none;
    color: black;
    font-size: 26pt;
}

.headerBar
{
    height: 84px;
    background: #e7f7cb url(img/bg_headerbar.gif) no-repeat left top;
}

.HeaderBarBottom
{
    background-color: #81b717;
    height: 23px; /* RP */
    border-bottom: 0;
}


/* Spacer */
.mTd
{
  width: 2px;
}


/* The progress layer which shows the busy messages */

.ProgressLayer
{
  position:absolute;
  left:77%;
  top:45px;
  height: 15px;
  width: 200px;
}


/*********************************************************************
 *
 * The form items
 *
 **********************************************************************/


.BarButton
{
font-family:arial;
font-size: 11px;
padding: 3px;
color:white;
font-weight: bold;
background: transparent url(img/bg_button.gif) repeat-x left center;
}



.FormEdit,
.FormEditDisabled
{
    height: 14px;
    font-size: 11px;
font-family:arial;

}

.FormEditDrop
{
  font-size: 11px;
font-family:arial;

}

.FormEdit,
.FormEditDrop
{
    border: 1px solid #b0b2b1;
    background-color: white;
    font-family:arial;

}


.FormInfoLabel
{
font-size: 9px;
font-family: arial;
text-align:left;
color:black;

}

.FormLabel
{
font-size: 11px;
font-family: arial;
text-align: left;
color: #666666;
font-weight: Bold;
}


.FormLabelValue
{
  font-size: 11px;
  font-family: arial;
  color: black;
  text-align:left;
}


.FormLabelValueR
{
  font-size: 11px;
  font-family: arial;
  color: black;
  text-align:right;
}


.FormLabelTitle
{
font-size: 11px;
font-family: arial;
  color: #e97d00;
font-weight: bold;

}
.FormLabelTitleB
{ font-size: 11px;
  font-family: arial;
  color: #e97d00;

  font-weight:bold;
}


.FormFieldError
{
text-align:left;
font-family:arial;
font-size: 7pt;
font-weight:normal;
color:red;
}

.GridContent
{
  border-color:#b0b2b4;
    border-style: solid;
     border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;

  background-color: #f6f6f6;
    overflow: scroll;
    overflow-x: hidden;
    height:100%;
}

/*********************************************************************
 *
 * The main part of the login screen
 *
 **********************************************************************/


.FoldMenu
{
  width: 139px;
  background: #ddedc6 url(img/bg_foldmenu.gif) no-repeat left top;
}

.LogPanel
{
  vertical-align: top;
  border: solid 1px #d1d1d1;
  width: 182px;
  height: 182px;
  padding: 11px 11px 11px 11px;
}

.LoginLayer
{
  padding:5 5 5 5;
    background-color: white;
    border: 0;
}


.LoginMain
{
  border: solid 22px white;
}


.pTd
{
  width: 22px;
}



/*********************************************************************
 *
 * Other parts
 *
 **********************************************************************/

/* the line on the car details screen under the total */
HR.tLine
{
  width:100%;
  height:2px;
    border: 1px #e2e2e2 dashed;
}
.InfoText
{
    font-size: 11px;
    font-family: arial;
    text-align:left;
    color:#EC7A00;
    font-weight:normal;
}

.infoBoxScroll
{
    overflow: auto;
    overflow-x: hidden;
    height:100%;
}

.infoBlock
{
  border: 1px #E3EBEC solid;
  background-color: #f6f6f6;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: top;

}

.FormInputSection
{
  background-color: #eeeeee;
}



body
{
    color: #656565;
}


/*** OfferteView ***/
div#divColumnOne
{
    height: 305px;
    width:250px;
    overflow:auto;
}
div#divColumnTwo, div#divColumnThree
{
    height: 325px;
    overflow:hidden;
}