/*  My classes */
h4 { margin-bottom:5px; }
p { margin-top:5px; }
th { position:sticky; top:0px; }

.HeadingRow { background-color:cadetblue; }
.HeadingReview { background-color:lightskyblue; }
.RHSHeading { background-color:gray; color:white; font-size:14px;}
.HeadingTitle
{
    font-size:24px;
    color: black;
}
.HeadingSite
{
    font-size:18px;
    color: blue;
}
.TabSize { font-size:10px !important; }

.UserName
{
    color:blue;
    font-size:16px;
}
.MiniHeading
{
    color:black;
    font-weight:bold;
    font-size:16px;
}
.MajorHeading
{
    color:blue;
    font-weight:bold;
    font-size:18px;
}
.Version
{
    color:blue;
    font-size:16px;
}
.LabelText
{
    color:black;
    font-size:12px;
}
.BannerHeading
{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    font-size:16px;
    font-weight:bold;
    color: black;
    display:inline-block;
    /* background-color:GAINSBORO; */
    /* border-top:solid 1px gray; */
    border:solid 1px gray;
    /* border-bottom:solid 1px gray; */
}
.MinorHeading
{
    font-size:14px;
    color: black;
    padding-bottom:5px;
}
.Notes
{
    font-size:10px;
    color: grey;
}
.TableHeading
{
    color: white;
    background-color:black;
    font-size:12px;
}
.TableHeadingSmall
{
    color: white;
    background-color:black;
    font-size:10px;
}
.TableValuesSmall { font-size:10px; }
.TableValues { font-size:12px; }
.TableValues2 { font-size:14px; }
.DataValues
{
    color: Black;
    font-size:14px;
}
.CautionBtn { background-color:red; }
.GrayLabels
{
    color: Gray;
    font-size:12px;
}
.GrayLabelsSmall
{
    color: Gray;
    font-size:10px;
}
.Advanced { display:none; }
.Advanced2 { display:none; }
.Basic { display:inline-block; }
/* .Basic { display:table-cell; } */
.Block { display:block; }
.BlockInline { display:inline-block; }

.GrayBox { border:1px solid gray; }
.GrayBoxLeft { border-left:1px solid gray; }
.GrayBoxRight { border-right:1px solid gray; }
.GrayBoxTop { border-top:1px solid gray; }
.GrayBoxBottom { border-bottom:1px solid gray; }

.AlignCenter { text-align:center; }
.AlignLeft { text-align:left; }
.AlignRight { text-align:right; }
.AlignTop { vertical-align:top; }
.Normal { font-weight:normal; }
.Bold { font-weight:bold; }
.NoWrap { white-space:nowrap; }

.SmallFont { font-size:13px; }
.PadRight { padding-right:10px; }
.NoPadTop { padding-top:0px !important; }
.PadTop { padding-top:5px; }
.PadAll5 { padding:5px; }
.PadLeftRight5 { padding-left:5px; padding-right:5px; }
.GreyOut { color:gray !important; }

.TabContent
{
    font-size:14px;
    color:BLACK;
    font-weight:bold;
}

/*  Only used for column resizing */
th.colresize{
    background-image:url('../img/th.png');
    height:28px;
    background-repeat:no-repeat;
    color:white;
    text-shadow: #012b4d 2px 2px 2px;
    text-align: center;   
 }
 
 td.colresize{
     /* text-indent:5px; */
     color:#444;
     border-bottom:1px solid #bbb;
     border-left:1px solid #bbb;
 }
 .grip{
	width:20px;
	height:15px;
	margin-top:-3px;
	background-image:url('../img/grip.png');
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}
.grip:hover{
	background-position-x:-20px;
}
.JCLRLastGrip .grip{
    background-position-y:-18px;
    left:-2px;
}
.dragging .grip{
	background-position-x:-40px;
}
.dotted{
	background-image:url('../img/dotted.png');
	background-repeat:repeat-y;
}
 
/*  Only used for vertical tabbing */
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 5em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left;}