﻿/* form elements */
input, select, textarea
{
    color: #66645e;
}

option
{
    padding-right: 0.5em;
}


/*-------------------------------------------
  Labels
--------------------------------------------*/
label
{
    font-weight: bold;
    color: #66645e;
}

.labelLogin
{
    height: 10px;
    font-size: x-small;
}

.h1
{
    font-size: xx-large;
    color: #66645e;
}
.h2
{
    font-size: x-large ;
    color: #66645e;
}
.h3
{
    font-size: larger;
    color: #66645e;
}

.h4
{
    font-size: large;
    color: #66645e;
}

.h5
{
    font-size: medium;
    color: #66645e;
}
/*-------------------------------------------
   Buttons
--------------------------------------------*/
input.button
{
    margin: 0;
    padding: 2px 3px;
    color: #fff;
    background: #cf0b01;
}

.buttonLogin
{
    font-size: x-small;
    margin: 3px 0 0 0;
}
.textboxLogin
{
    height: 10px;
    font-size: x-small;
    width: 62px;
    padding-top: 5px;
    margin: 3px 0 0 0;
}

/*-------------------------------------------
   Image Buttons
--------------------------------------------*/
 
/*-------------------------------------------
   Grids
--------------------------------------------*/
/* table style */
table.Just-Header
{
    font-family: arial;
    color: #555555;
    font-size: small;
    border-top:solid 1px #7f7f7f;
     border-bottom: solid 1px #7f7f7f;
      border-right: solid 1px #7f7f7f;
       border-left: solid 1px #7f7f7f;
}
.Just-Header .header-row
{
    color: #000;
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
      border-top:solid 1px #7f7f7f;
    background: url(../images/header.gif) repeat-x;
}

table.extjs-theme
{
    font-family: arial;
    border: solid 1px #7f7f7f;
    color: #555555;
    width: 700px;
    font-size: small;
}

/* common cell styles */
.extjs-theme th, .extjs-theme td
{
    vertical-align: middle;
    cursor: default;
    color: #000;
}

/* header cell style */
.extjs-theme th
{
    padding: 3px 8px;
    color: #000;
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
    background: url(../images/header.gif) repeat-x;
}

/* header cell hover style */
.extjs-theme .header-over
{
    background: url(../images/header-hover.gif) repeat-x;
    text-decoration: underline;
}

/* regular cell style */
.extjs-theme td, data-row
{
    border-bottom: solid 1px #d0d0d0;
}

/* mouseover/select row style */
.extjs-theme .row-over
{
    background-color: #efefef;
    color: #000;
}

/* alternating row style */
.extjs-theme .alt-data-row
{
    background-color: #edf5ff;
}

/* alternating row style */
.extjs-theme .header-row
{
    color: #000;
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
    background: url(../images/header.gif) repeat-x;
}

/*-------------------------------------------
   Panels
--------------------------------------------*/

.collapsePanel
{
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    color: #000;
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
    background: url(../images/header.gif) repeat-x;
}
/*-------------------------------------------
   Tree
--------------------------------------------*/

.tree
{
    width: 400px;
}

.tree .DefaultStyle
{
    padding: 2px 3px 3px 1px;
}

.SelectedStyle
{
    padding: 2px 3px 3px 1px;
}

.HoverStyle
{
    padding: 2px 3px 3px 1px;
}


.DrillGrid .header-row
{
	
  font-style : normal ;
	background: url(../images/header.gif) repeat-x;
}
.DrillGrid .alt-data-row
{
	background-color: #edf5ff;
}
