/*********************************************************************
 *
 * The main parts (layers) of the dqs screen
 * FIDIS
 **********************************************************************/
body
{
  background-color:Transparent;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
/*
  scrollbar-base-color: #FBF7EF;
  scrollbar-arrow-color: #ff5f01;

  scrollbar-shadow-color: #FBF7EF;
  scrollbar-face-color: #FBF7EF;
  scrollbar-darkshadow-color: #ff5f01;

  scrollbar-track-color: #FBF7EF;
  scrollbar-highlight-color: #ff5f01;
  scrollbar-threedlight-color: #FBF7EF;
*/
}

/* use in the for the treeview table and grid table */
td
{
  font-size: 11px;
  font-family: verdana;
  color: #000;
}
#gridContainer
{
	padding-top:10px;
}

.topToolbar
{
	background-color:#dcdcdc;
	height:25px;
}
.criteria
{
	padding-left: 8px; 
	padding-top: 2px;
   
    overflow: auto; 
    white-space: nowrap;
}
.criteria label 
{
	color: #90B2E2;
	font-weight:bold;
}
.criteria input
{
	border-color: #90B2E2 !important;
	width:140px;
}
.criteria div input 
{
	width:120px;
}
a.disabled 
{
	color:#CCCCCC !important;
}

.GridHeader_Excel a, .ResizeHeader_Excel {
	background: white !important;
	color: #90B2E2 !important;
	font-weight:bold !important;
	text-decoration:none;
}
.radGrid 
{
	margin-left:5px;
}
.RadWWrapperFooterCenter 
{
	line-height:0px !important;
}
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 #90B2E2 !important;
}
.LabelGreeting
{
 font-size: 11px;
  font-family: verdana;
  color: #000;
}

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

/* company message */
.toolbarheader
{
    border:none;
    color: #000;
    font-size: 26pt;
}
.headerBar
{
  background-color: white; 
}


.HeaderBarBottom
{
   background-color:#e5eded;
   height : 23px; /* RP */
   border-bottom: solid 2px #fff;
}



/* 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:Verdana;
font-size: 10px;
}

.FormEdit,
.FormEditDisabled
{
    height: 14px;
    font-size: 10px;
font-family:Verdana;

}

.FormEditDrop
{
  font-size: 10px;
font-family:Verdana;

}

.FormEdit,
.FormEditDrop
{
    border: 1px solid #90B2E2;
    background-color: white;
    font-family:Verdana;

}




.FormInfoLabel
{
font-size: 9px;
font-family: verdana;
text-align:left;
color:#909090;
font-weight: Bold;
}

.FormLabel
{
font-size: 11px;
font-family: verdana;
text-align:left;
color:#909090;
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:#808080;
font-weight: bold;

}


.FormLabelTitleB
{ font-size: 11px;
  font-family: verdana;
  color: #007ab7;

  font-weight:bold;
}

.FormFieldError
{
text-align:left;
font-family:verdana;
font-size: 7pt;
font-weight:normal;
color:red;
}
.GridContent
{
  border-color:#90B2E2;
    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: 140px;
	height:100%;
  background-color: #e5eded;
}

.LogPanel
{
  vertical-align: top;

  width: 182px;
  height: 100%;
  padding: 11px 11px 11px 11px;
}

.LoginLayer
{
  padding:5 5 5 5;
	background-color: #FFF;

}


.LoginMain
{
  border: solid 2px #00AEAC;
}


.pTd
{
  width: 22px;
}



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

/* the line on the car details screen under the total */
HR.tLine
{
  width:100%;
  height:2px;
	border: 1px #c4c4c4 solid;
}



.InfoText
{
	font-size: 10px;
	font-family: verdana;
	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: #f6f6f6;
}
body
{
	color: #656565;
}


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