/* 
==========================================================
    Global CSS Styles For JMS Apps
    v1.1, 12/2009
==========================================================
*/   

BODY
{
	font-family:  Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-top: 0;
	background-color: #FFFFFF;
	font-size:10px;
}

A:Link .GlobalLink
{
	font-family:  Arial, Helvetica, sans-serif;
    color: blue;
	font-size:  11px;
    /*text-decoration: underline;*/
    font-weight: normal;
}

A:Visited .GlobalLink
{
	font-family:  Arial, Helvetica, sans-serif;
    color: purple;
	font-size:  11px;
    /*text-decoration: underline;*/
    font-weight: normal;
}

.InactiveLink
{
	font-family:  Arial, Helvetica, sans-serif;
    color: #C0C0C0;
	font-size:  11px;
    text-decoration: none;
    font-weight:lighter;
    
}

TD.EmptyClass 
{	
	border: none;
}

.HoverCursor 
{
	cursor:pointer;
}


/* Text */

.Normal 
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  12px !important;
}

.Smaller
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  11px !important;
}

.XSmaller
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  10px !important;
}

.Larger
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  13px !important;
}

.XLarger
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  14px !important;
}

.XXLarger
{
	font-family:  Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-size:  16px !important;
}

.Strike 
{
    text-decoration: line-through !important;
}

.Italic
{
    font-style:italic !important;
}

.Bold
{
    font-weight: bold !important;
}

.Alert
{
	color: #FF0000 !important;
}

.Disabled
{
	color: #C0C0C0 !important;
}

.AppErrorText 
{
	font-family:  Arial, Helvetica, sans-serif;
    color: #FF0000;
    font-size:  12px;
    font-weight: normal;
}

.AppMessageText 
{
	font-family:  Arial, Helvetica, sans-serif;
    color: #303030;
    font-size:  12px;
    font-weight: normal;
}


p.PageBreaker 
{
	page-break-before: always !important;
}

.Black 
{
	color: black !important;
}

.Red 
{
	color: red !important;
}

.Blue 
{
	color: blue !important;
}

.Orange 
{
	color: orange !important;
}

.DarkOrange 
{
	color: #E69600 !important;
}

.Green 
{
	color: green !important;
}

.BrightGreen {
    color: #25D206 !important
}

.Purple 
{
	color: purple !important;
}

.Gray
{
	color: gray !important;
}

.LightGray
{
	color: #C0C0B8 !important;
}

.DarkRed
{
	color: #9C362A !important;
}

.LightGray_Bg
{
	background-color: #C0C0B8 !important;
}

.Borderless 
{
	border-style:none !important;	
}

.LeftAligned 
{
	text-align:left !important;
}

.RightAligned 
{
	text-align:right !important;
}

.CenterAligned 
{
	text-align:center !important;
}

.Centered{
   display:flex;
   justify-content:center;
}

.VerticalCentered {
    position: relative; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}

.VerticalCentered2 {
    display: flex;
    height: 100%;
    align-items:center;
}

.AllCentered {
    display: flex;
    width: 50%;
    height: 100%;
    margin: auto;
    align-items:center;
    justify-content:center;
}

.StructureList {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.StructureList li.left {
	float: left;
}

.StructureList li.right {
	float: right;
	text-align: right;
}

.BulletList {
	margin: 0;
	padding: 0;
	list-style-type:disc;
}

.BulletList li {
	margin-left: 2px;
}

.StructureList li.left {
	float: left;
}

div.AjaxLoading
{  
    background: #DFE9F5 url(../images/loading2.gif) no-repeat center center;  
} 

div.AjaxLoadingProgress
{  
    background: #DFE9F5 url(../images/loading_small.gif) no-repeat center center;  
}  

.TransparentBg 
{
	background-color:transparent !important;;	
}

.verticalText 
{
    writing-mode: tb-rl !important;
    filter: flipV flipH !important;
    display: table !important;
    -moz-transform: rotate(-90deg) !important; /* Firefox */
    -o-transform: rotate(-90deg); /* Opera */
    -webkit-transform: rotate(-90deg);   /* Safari */  
   zoom:1;

    
}

.FullHeight 
{
    height: 100% !important;
}

.FullHeightHidden
{
    height: 100% !important;
    display:none  !important;
}

.NoScrolling 
{
    overflow:hidden !important;
}

.Box 
{
    /*border: 1px solid #DDDDDD; /*#8BA0BC;*/
    padding: 5px;
    box-sizing: border-box;
}

.Borderless 
{
	border-style:none !important;	
}

.Bordered
{
    border: solid 1px #BCCBDD; /*#9FB2C7;*/
}

.BorderedNoTop
{
    border: solid 1px #BCCBDD; /*#9FB2C7;*/
    border-top: 0px;
}

.BorderedTop
{
    border-top: solid 1px #BCCBDD; /*#9FB2C7;*/
}

.RoundedBordered
{
    border: solid 1px #BCCBDD; /*#9FB2C7;*/
    border-radius: 5px;
}

.RoundedBorderedTop
{
    border-top: solid 1px #BCCBDD; /*#9FB2C7;*/
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.RoundedBorderedBottom
{
    border-bottom: solid 1px #BCCBDD; /*#9FB2C7;*/
    border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

::-ms-clear {
  width : 0;
  height: 0;
}