﻿/*AppContent*/
/* DO NOT DEFINE COLORS IN THIS STYLE SHEET. */
/* COLORS ARE DEFINED IN THEMES */

.pospanel {
	border-radius:5px;
}
.posoptbtn {
	border-width:1px;
	border-color:#000;
}
.tkKey {
	border-width:1px;
	border-color:#000;
}

.leftTable {
    float: none;
    width: auto;
	overflow: auto;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-left: 1px solid;
    border-right: 0px solid;
}
.topTable {
    float: none;
    height: auto;
	overflow: auto;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-left: 1px solid;
    border-right: 0px solid;
}
.rightDetails {
    margin-left: auto;
    width: auto;
	overflow: auto;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-left: 0px solid;
    border-right: 1px solid;
}
.bottomDetails {
    margin-top: auto;
    height: auto;
	overflow: auto;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-left: 0px solid;
    border-right: 1px solid;
}
#splitter {
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
    margin-left: 5px;
    margin-right: 5px;
}
#hsplitter {
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
    margin-top: 5px;
    margin-bottom: 5px;
}
/* Don't use.  It will set overflow for ALL divs in splitter (some we may not want)
changed lefttable and rightdetails to specifically have overflow auto.
#splitterX div {
	overflow: auto;
}
*/
.splitterLeftPanel {
    float: none;
    width: auto;
	overflow: auto;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-left: 1px solid;
    border-right: 0px solid;
}
.splitterRightPanel {
    margin-left: auto;
    width: auto;
	overflow: auto;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-left: 0px solid;
    border-right: 1px solid;
}
.splitterTopBorder {
    height: 6px;
    border-top: 1px solid;
    /*border-bottom: 1px solid;*/
}
.vsplitbar {
    background-position: center;
    width: 5px;
    background: url(../Images/vgrabber.gif) no-repeat center;
    border-left: 1px solid;
    border-right: 1px solid;
}
.hsplitbar {
    background-position: center;
    height: 5px;
    background: url(../Images/hgrabber.gif) no-repeat center;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.vsplitbar.active, .vsplitbar:hover {
    background-position: center;
    width: 5px;
    background: url(../Images/vgrabber.gif) no-repeat center;
}
.hsplitbar.active, .hsplitbar:hover {
    background-position: center;
    height: 5px;
    background: url(../Images/hgrabber.gif) no-repeat center;
}
.headerSortUp {
	background-image: url(../images/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.headerSortDown {
	background-image: url(../images/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.appButtonBar
{
    border-style: solid none none none;
    border-width: 1px;
    width: 100%;
}
.appMenuBar
{
    border-style: solid none solid none;
    border-width: 1px;
    width: 100%;
}
.appEditArea
{
    overflow:auto;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-left: 5px;
    margin-right: 5px;
}
.appValidationError
{
	display:none; 
	width:100%; 
}
.validationSummary
{
    padding: 0px;
    overflow: hidden;
}
.validationSummary ul
{
    list-style: none;
}
.cursorHand
{
	cursor:pointer;
}
.cursorArrow
{
	cursor:default;
}

/* ToolTips */

.tooltip {
    font-size: .9em;
}
.tooltip table td {
    padding: 5px;
}
