/* This is used in grid.master, and is also available in others, e.g., splitpanel.master */
/* The main box containing the grid */

HTML
{
    width: 100%;
    height: 100%;
}

.GridMaster_MainPanel
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background-color: transparent;
}
.GridMaster_MainPanel_Content
{
    position: relative;
    height: 99%;
}

.GridMaster_MainPanelLarge
{
    position: absolute;
    top: 99px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background-color: transparent;
}

/* The toolbar at the top */

.GridMaster_ToolsPanel
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    vertical-align: middle;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px lightgray;
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
    font-size: 12px;
}

.GridMaster_LargeToolsPanel
{
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 99px !important;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    vertical-align: middle;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px lightgray;
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
    font-size: 12px;
}


/* The left hand part of the toolbar, with controls */

.GMToolsLeft {
    padding-left: 6px;
    background-image:url(../images/dialoggradient.png);
    background-size: 100% 100%;
}

/* The right hand part of the toolbar, with icons, e.g. print, excel */

.GMToolsRight {
    background-image:url(../images/dialoggradient.png);
    background-size: 100% 100%;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
}

/* toolbar-specific control styling */

.GridMaster_ToolsPanel input[type="text"]
{
    background-color: white;
    height: 18px;
    vertical-align: middle;
}

.GridMaster_ToolsPanel select
{
    vertical-align: middle;
}
.GridMaster_ToolsPanel input[type="submit"]
{
    height: 26px !important;
    vertical-align: middle;
    background: transparent;
    background-image: url("../images/toolbarbutton_bg_normal.png");
    border: 1px solid transparent;    
    font-size: 12px !important;
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
}
.GridMaster_ToolsPanel input[type="submit"]:hover
{
    background-image: url("../images/toolbarbutton_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    font-weight: normal !important;
}
.GridMaster_ToolsPanel input[type="submit"]:active
{
    left: 1px;
    top: 1px; 
    position: relative;
    background-image: url("../images/toolbarbutton_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #cccccc;

}

.GridMaster_ToolsPanel input[type="image"]
{
    vertical-align: middle;
    height: 24px !important;
    vertical-align: middle;
    background: transparent;
    background-image: url("../images/toolbarbutton_bg_normal.png");
    border: 1px solid transparent;
    
}
.GridMaster_ToolsPanel input[type="image"]:hover
{
    background-image: url("../images/toolbarbutton_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    font-weight: normal !important;
}

.GridMaster_ToolsPanel span
{
    vertical-align: middle;
}

.GridMaster_container
{
    position: relative;
    border-collapse:collapse;
    width: 100%;
    height: 100%;
}

/* toolbar background image */

.GridMaster_toolbar_bgImage
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    z-index: -1000;
}