﻿body 
{
	
	font-size: 10pt;
}
td 
{
    font-size: 10pt;
}
div.scroll
{	

display: inline;

border: 1px solid #666;
overflow: auto;
background-color: #ccc;
padding: 1px;
}
DIV.tab2
{

	overflow: auto;
	padding: 0px;
	scrollbar-base-color: #938AEB;
}
div.tab2
{

   height: 100%;
   width: 100%;
   border: 1px solid #466094;
   background-color: #E3EFFF;
   display: none;
}
.calendar_grid_body 
{
            font-size: 10pt;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        background-color:#E3EFFF;
        border: 0;
        background-image: url(table_background.jpg);
        background-repeat: repeat-x;
}
.calendar_grid_body_associated
{
            font-size: 10pt;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        background-color:#E3EFFF;
        border: 0;
        background-image: url(table_background1.jpg);
        background-repeat: repeat-x;
}
.monthLinks 
{
    color: #5F8AB5;
}
.monthLinks:hover 
{
    color: Yellow;
}
.ftoolbar 
{
    background-image: url('images/fon03.gif');
    background-color: #BAD7FF;
    background-repeat: repeat-x;
}
.titletext
{
	display:-moz-inline-box; 
	display: inline-block;
	
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
.sidebox
{border-left:1px solid #153655; 
    border-right:1px solid #153655; border-top:1px solid #153655; float: left;
    border-bottom:1px solid #153655;
		width: 95%;		
		height: 14px;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
		color: white;
		text-align: center	}

.sidebox:hover {color: black; background: white;}

/* form header and name */
.mhead
{
    color: White;
	background-color: #618CB7;
	background-image: url('images/m_head.gif');
}
.ebox1
{
 display:inline-block;
    border:1px solid #153655;
		width: 95%;		
		height: 14px;
		font-size: 10pt;
		text-decoration: none;
		margin: 2px;
		padding: 2px;
		color: black;
		text-align: center;
		background-color: white;
}

.ebox1:hover {color: white; background: black;}
.ebox1:active {color: white; background: #648EB7; z-index: 500;}

.formtablinks
{
	text-decoration: none;
	color: Black;
}
.focuslinks {
	text-decoration: none;
	color: Black;
}
.focuslinks:active
{
	
	border: 0px solid #63759C;
	border-right-width: 1px;
		border-right-color: Green;
		border-left-width: 1px;
		border-left-color: Green;
		border-top-width: 1px;
		border-top-color: Green;
		border-bottom-width: 1px;
		border-bottom-color: Green;
}
.focuslinks:focus {
	background-color: blue;
	color: white;
}
.container {
	width: 200px;
	height: 200px;
	border: 2px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px;
}

.draggable {
	padding: 10px 20px;
	background-color: #b4d5ff;
	cursor: move; /* Cursor indicates item is movable */
	border-radius: 5px;
}

.toplink
{
		
		height: 14px;
		font-size: 10pt;
		text-decoration: none;
		
		margin: 2px;
		padding: 2px;
		color: black;
		
		text-align: center	}

.toplink:hover 
{
    color: #FFFFFF; 
    
                background: #486292;
            
    float: left;
    padding: 1px 1px 6px 1px;

}
   
   .toplink2
{
		
		height: 14px;
		font-size: 10px;
		text-decoration: none;
		
		margin: 2px;
		padding: 2px;
		color: black;
		text-align: center; font-weight: normal; 	
		}

.toplink2:hover 
{
    color: white; 
                 background: #486292;}
    
.lookups
    {
   font-size:         8pt;
   width:            150px;
   height:            19px;   
   border:            1px solid #7b9ebd;
   background-color: White
   
}
.richIframe
    {
   font-size:         8pt;
   width:            100%;
   height:            150px;   
   border:            1px solid #7b9ebd;
   background-color: White;
}
.dataIframe
    {
   font-size:         8pt;
   width:            100%;   
   border:            1px solid #7b9ebd;
   background-color: White;
}
.box1 {float: right;
		width: 100%;
		border: 0px solid #000;
		margin: 0px;
		padding: 0px;
		background: none;
		text-decoration: none;
		font-size: 8pt;
		color: black;
	}
	body
	{
	    BORDER-TOP:#63759C 1pt solid;
		BORDER-BOTTOM:#63759C 1pt solid;
		BORDER-LEFT:#63759C 1pt solid;
		BORDER-RIGHT:#63759C 1pt solid; margin-bottom: 0px; margin-left: 0px; margin-right: 0 px; margin-top: 0px;
	}
    .dash_body
    {
    

        font-size: 10pt;
        margin-top: 15;
        margin-bottom: 15;
        margin-left: 15;
        margin-right: 15;
        border: 0;
    }
    .grid_body
    {
 
        font-size: 10pt;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        border: 0;
    }
    .login_body
    {
    	font-size: 10pt;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
       background-image: url(images/wds_07.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		background-color: #84A5C6 ;

        border: 0;
    }
     .gridviewbar 
    {
        background-image: url('images/fon04.jpg');
    }
    .gridheader
{ 
		
		width: 135px;
		display:inline-block;
		color: Black;
		text-decoration: none;	
		font-size: 10pt;
		position: relative;
		border: 0px solid #618CB7;
		padding-left: 20px; 
		padding-right:10px;
			
		
}
.gridheader:hover{color: Yellow;}
	.grid1
	{
		
		display:-moz-inline-box; 
		display:inline-block;
		width: 138px; 
		border: 0px solid #63759C;
		padding-left: 20px; 
		padding-top: 0px; 
		padding-bottom:0px; 
		padding-right:10px;
		cursor:pointer;
		color: Black;
		font-weight: normal;
	}
	.grid1:focus {color: white; background: #486292; background-image: url('');}
	.grid1:hover {cursor:pointer;}
.grid0
	{
			display:-moz-inline-box; 
		display:inline-block;
		width: 25px;  
		
		font-size: 9pt; 
		color: #000000; 
		border: 0px solid #63759C;
		padding-left: 20 px; 
		padding-top: 0px; 
		padding-bottom:1px; 
		padding-right:10 px;
		cursor:pointer;
	}
	.select
	{
		border: 1px solid #7b9ebd;
	}
	.gridrow
	{
		height:1.8em;
		background-color: White;
		color: Black;
		  border: 1px solid #e7e4e4;
	}

	.gridrow:hover {color: white; background: #E6EFFA; background-image: url(''); z-index: 100;}
	.vcstyle 
	{
	    position: relative;	    
	    background-color: white;
	    padding: 5px 1px 5px 1px;
	}
	.vcstyle:hover {background: #E6EFFA;}
	.vcstyle0
	{
	    position: relative;
	    background: #EFF2F7;
	    padding: 5px 1px 5px 1px;
	}
	.tabselected
	{
		display:-moz-inline-box; 
		display:inline-block;
		width: 100px; 
		
		background-color: #E3EFFF; 
		border: 0px solid #63759C;		
		color: #000000; 
		padding-left: 20px; 
		padding-top: 10px; 
		padding-bottom: 15px; 
		padding-right: 10px;
		border-right-width: 1px;
		border-right-color: Black;
		border-left-width: 1px;
		border-left-color: Black;
		border-bottom-color: #E3EFFF;
		border-top-width: 1px;
		border-top-color: Black;
		border-bottom-width: 1px;
		text-decoration: none;		
		font-size: 10pt; 
		width: 120px
		
	}	
	fieldset 
	{
		
		border-color: #B8D5F3;
		border-style: ridge;
		border-width: thin;
	}
	.tabnotselected
	{
		display:-moz-inline-box; 
		display:inline-block;
		width: 120px; 
		background-color: #B5D5FF; 
		border: 0px solid #63759C;	
		color: #000000; 
		padding-left: 20px; 
		padding-top: 10px; 
		padding-bottom: 15px; 
		padding-right: 10px;
		border-right-width: 1px;
		border-right-color: Black;
		border-left-width: 1px;
		border-left-color: Black;
		border-top-width: 1px;
		border-top-color: Black;
		border-bottom-width: 1px;
		border-bottom-color: Black;
		text-decoration: none;		
		font-size: 10pt; 	
		
		
	}	
		
	.grid2
	{

		width: 250; 
		background-color: none; 
		font-size: 10pt; 
		border: 0px solid #63759C;
		padding-left: 20 px; 
		padding-top: 5px; 
		padding-bottom:5px; 
		padding-right:10 px;
	}

		.topbar0
	{
		display:-moz-inline-box; 
		display:inline-block;
		width: 25px; 
		font-size: 10pt;
		border: 0px solid #63759C;
		padding-left: 20 px; 
		padding-right:10 px;
	}
	.inputfields
{
   font-size:         8pt;
   width:            100%;
   height:            19px;   
   border:            1px solid #7b9ebd;
}
	.inputtextarea
{
   font-size:         8pt;
   width:            100%;
   border:            1px solid #7b9ebd;
}
	.inputdatetime
{
   font-size:         10pt;
   width:            90%;
   height:            19px;
   border:            1px solid #7b9ebd;
}
.inputfields2
{
   font-size:         8pt;
   width:            150px;
   height:            19px;
   border:            1px solid #7b9ebd;
}

INPUT.rad
{
   width:            15px;
   border:            0px;
   cursor:            hand;
}
.calendarcell
{
	background-color: White;
	height: 55px;
}
.calendardayhead
{
	background-image: url('images/fon04.jpg');
	font-size: 10pt;
	cursor: pointer;
}
.calendardayhead:hover
{
	font-size: 10pt;
	cursor: pointer;
	color: Yellow;
}
.calendartable
{
	border-collapse: collapse; 
	border-color: #6593D1;
	font-size: 10pt;
}
.calendarweekrow
{
	background-image: url('images/fon04.jpg');
}
#dhtmltooltip{
position: absolute;
border: 2px solid black;
padding: 2px;
color: Black;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
    .tbar 
    {
        background-color: Gray;
        background-image: url('images/fon03.gif');
        margin: 0px;
    }
    .gridtbar 
    {
        background-image: url('images/fon03.gif');
        border-collapse: collapse;

    }
        .foption_body
    {
    	background-image: url(bg_left.gif);background-position: top right; background-repeat: repeat-y;
    }
        .sidenavlink
    {
    	color: Black;
    	text-decoration: none;
    	font-size: 10pt;
    	
    }
    .sidenavlink:hover
    {
    	color: darkred;
    }
     .obutton 
    {
    	height: 30px;
    	background-image: url('but_bg.jpg');
    	  	
    	font-size: 11pt;
    	text-align: center; font-weight: normal; border-bottom: 1px solid darkgray;  
    	border-bottom: solid 2px #6593D1;
    	
    }
    .obtton_link
    {
    	color: Black;
    	text-decoration: none;
    }
    .dragme{position:relative;
        }
    .enhead 
    {
        background-image: url('images/fon03.gif');
        border-collapse: collapse;
    
    }