body 
{
    margin:0px; font-family:Tahoma; font-size:12px; text-align:left;background-color: #f5f5f8; /*#fff;  */

}








/*.boxclose:hover
{
    background: #303030;
}

        a.boxclose
        {
            z-index:99;
            float: right;
            margin-top: -23px;
            margin-right: -20px;
            cursor: pointer;
            color: #fff;
            border: 4px solid white;
            border-radius: 30px;
            background: #605F61;
            font-size: 31px;
            font-weight: bold;
            display: inline-block;
            line-height: 0px;
            padding: 11px 3px;
        }
        
        .boxclose:before
        {
            content: "\00d7";
        }




        .boxclose_left:hover
{
    background: #303030;
}

        a.boxclose_left
        {
            z-index:99;
            float: left;
            margin-top: 20px;
            margin-left: -5px;
            cursor: pointer;
            color: #fff;
            border: 4px solid white;
            border-radius: 30px;
            background: #605F61;
            font-size: 31px;
            font-weight: bold;
            display: inline-block;
            line-height: 0px;
            padding: 11px 3px;
        }
        
        .boxclose_left:before
        {
            content: "\00d7";
        }*/

.blinker1
{transition: 0.3s opacity;  opacity: .2; filter: alpha(opacity=20);
}
.blinker2
{transition: 0.3s opacity;  opacity: 1; filter: alpha(opacity=100);
}

.IsRequired
{
    color:Red;   margin-top:-9px; padding-right:3px; 
}
	
	.a_filter 
	{
	    white-space: nowrap;color:black; font-size:13px; text-decoration:none; 
	}
	
		.a_filter:hover
	{
	    color:#303030;
	}

.tr_content
{transition: 0.5s opacity;  opacity: .3; filter: alpha(opacity=30);color: Black; 
}
.tr_content1
{ transition: 0.5s opacity; opacity: 1; filter: alpha(opacity=100);
}

.panelShow
{ transition: 7s opacity; opacity: 1; filter: alpha(opacity=100);
}

        .preloader {
        background: #FFF;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        }
        
        .transition1
        {
                                opacity: .5;
                    filter: alpha(opacity=50);
            transition: 1.0s opacity;
        }

.circle_grey 
{
    display:none;
  font-size:14px; 
   font-family:Arial;
  background : White ;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color:#6699FF;
  display: inline-block;
  font-weight: bold;
  line-height: 2.2em;
  margin-right: 13px;
  text-align: center;
  width: 2.2em; 
  border:1px solid #84ADFF;
  cursor:pointer;
  transition: 0.5s background-color,border;

}
.circle_grey:hover
{
 border:1px solid white;  color:white; background-color:#2C9DD5;
}
.circle_grey_selected 
{
  display:none;
  font-size:14px; 
 font-family:Arial;
 background-color:#2C9DD5;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color:white;
  display: inline-block;
  font-weight: bold;
  line-height: 2.2em;
  margin-right: 13px;
  text-align: center;
  width: 2.2em; 
  border:1px solid #84ADFF;
  cursor:pointer;
  transition: 0.5s background-color,border;

}
.circle_grey_selected:hover
{
 border:1px solid white;  color:#2C9DD5; background-color:white;
}

.close-icon
{
  display:block; float:right; margin-top:-10px; margin-right:-10px;
  box-sizing:border-box;
  width:13px;
  height:13px;
  border-width:1px;
  border-style: solid;
  border-color:gray;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:lightgray;
  box-shadow:0px 0px 1px 1px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
.close-icon:hover
{
    border-color:black;
}



.img3:hover
{
    -webkit-animation-duration: 1s;
    -moz-animation-name: rotation;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


.img3 {
  font-size:14px; 
   font-family:Arial;
  background : #FF9933;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  color:white;
  display: inline-block;
  font-weight: bold;
  line-height: 1.8em;
  margin-right: 13px;
  text-align: center;
  width: 1.8em; 
  border:1px solid white;
  cursor:pointer;
  
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}

.circle_menu 
{
    background : #FF9933;

  font-size:9px; 
  font-family:Arial;
  border-radius: 1.2em;
  -moz-border-radius:1.2em;
  -webkit-border-radius: 1.2em;
  color:white;
   margin-bottom:-3px;
  display: inline-block;
  line-height: 1.7em;
  text-align: center;
  width: 1.7em;
 cursor:pointer;
}

.circle_menu_red 
{
         font-size:9px;display: inline-block;line-height: 9px;margin-right: 5px;
   color:black; /*border:2px solid white;*/
    padding:5px;   border:1px solid white;
text-align:center; background: #ffb097;width:9px; height:9px; border-radius: 50%; 
-moz-border-radius: 50%; -webkit-border-radius: 50%;

}

.circle_menu_yellow 
{
         font-size:9px;display: inline-block;line-height: 9px;margin-right: 5px; border:1px solid white;
   color:black; /*border:2px solid white;*/
    padding:5px;  
text-align:center; background:#ffd789; width:9px; height:9px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;

}




linkbutton
{
    font-family:Tahoma;
}
linkbutton:hover
{
    font-family:Tahoma;color:#303030;
}

.centalbody
{
    
}

.numbersOnly{ padding: 3px;}

.textEntry
{
    font-size:medium; padding:3px; width:70%;  
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



.historymenu_def
{
    font-family:Arial Narrow; cursor:pointer; font-size:13px; padding-left:3px;color:black; text-decoration:none;
}
.historymenu_def:hover{color:#303030; text-decoration:underline; }

.tr_sel:hover{background-color:White; }

.project_tr0{padding-left:10px; text-decoration:none; color:black;}
.project_tr0:hover{color:#303030; text-decoration:underline;}

.project_tr0_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.project_tr0_sel:hover{color:#303030; text-decoration:underline;}

.project_tr{padding-left:10px; text-decoration:none; color:black;}
.project_tr:hover{color:#303030; text-decoration:underline;}

.project_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.project_sel:hover{color:#303030; text-decoration:underline;}


.job_tr{padding-left:10px;  text-decoration:none; color:black;}
.job_tr:hover{color:#303030; text-decoration:underline;}

.job_tr_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.job_tr_sel:hover{color:#303030; text-decoration:underline;}

.job_tr_lated{padding-left:10px; background-color:#FFCCCC; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px;  
-khtml-border-radius:10px;}
.job_tr_job_tr_lated:hover{color:#303030; text-decoration:underline;}


.usertype_box
{
    width:100%;text-align:left; 
    padding:5px; 

}

.td1_dirpage
{
  min-width:60px;   text-align:right;
  background:#f5f5f8;
}

.td2_dirpage
{
     width:80%; vertical-align:middle;
}

.textbox_dirpage
{
    width:90%;color:#303030;padding-left:3px;
}


.blankforhover0{}
.blankforhover0:hover{color:#303030; text-decoration:underline;  }

.blankforhover{}
.blankforhover:hover{color:#303030; text-decoration:underline; }

.hlDefault
{
     padding:5px;  
font-family:Tahoma; font-size:20px;

     background-color:#398565; width:96%; color:white;
}

.calendar
{
    font-family:Arial Narrow; width:98%;  border:none; z-index:50;
}
        .div_calendar
        {
            padding:7px;
            display: none;
 width:250px;
            position: absolute;
            top: 100px;
            right: 10px;
            border: 2px double silver;
      text-align:center;
            vertical-align:  middle;
            background-color:  #FAF8EB;
            border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; z-index:50;
        }

    .maxWidthGrid
    {
        max-width: 300px; max-height:20px;
        overflow: hidden;
    }




#container
{
    background-color:#CCCCCC; 
}
#containerwide
{
    background-color:#818689;left:1px;  
}

#disabled_page
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:gray;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	z-index: 2;
	display: none;
}

#form
{
	position: fixed;
	z-index: 100;
	width: 500px;

	display: none;
	border: double black 1px;
	padding: 10px;
	background-color:#f5f5f8;
}

.selectformclass
{
 padding:10px; border:1px solid silver;  width:400px; z-index:999; background-color:#f5f5f8; 
 border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:6px; -khtml-border-radius:10px;
/* -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);*/
}


.form1_fix
{
	position:  fixed;
	z-index: 95;
	display: none;
	 font-family:Arial; font-size:12px;
	 padding:5px;  
  min-width:500px;
    background-color: #f1f1f1;
    text-align: center;border:1px solid  #227fbb; border-radius:5px; 

/*-moz-border-radius:6px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-border-radius:7px;background-color:#f5f5f8;border-radius:7px; 

*/
	
}


.form_22 
{
	display: none;	padding: 5px; font-size:12px;
	/*border: 1px double silver;background-color:#f5f5f8;                  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); */
	
}


.form_news
{
	position: fixed;
	z-index: 95;
	display: none;
	border: 1px solid #6699FF;
	padding: 12px; 
	background-color:InfoBackground; font-family:Tahoma; font-size:15px; 
	
	 padding:4px;   
	 
border-radius: 0 0 5px 5px; vertical-align:text-top;



	
}

#header
{
     font-family:Candara; text-align:left; font-size:medium; color:#005531; 
     font-size:larger;  height:65px; 
}
#Logo
{
width:86px; left:0px; 
}

#header2
{
    margin:0px;  height:60px;text-align:left;
}

.p
{
text-align:center;
}

.hyperlink
{
  cursor:pointer;padding:3px; font-family:Arial; text-decoration:none; 
}
.hyperlink:hover
{
    text-decoration:underline; color:#303030;
}


.hyperlink1
{
  cursor:pointer;font-family:Arial; text-decoration:none;
}
.hyperlink1:hover
{
    text-decoration:underline; color:#303030;
}

.hyperlink2
{
  cursor:pointer; font-family:Arial; text-decoration:none; font-size:12px; color:Blue;
}
.hyperlink2:hover
{
    text-decoration:underline; color:#303030;  font-weight:bold;
}
.hyperlink_sel2
{
    color:#303030; font-size:larger; font-weight:bold;
}


.hyperlinkDefaultPage
{
 text-decoration: none; cursor:pointer; padding:3px; color:Black;
}

.TabelLabel
{
 padding:10px 10px 10px 10px; 
}

.BIGhyperlink
{
 text-decoration: none; color:Black;
}
.BIGhyperlink1
{
 text-decoration: none;  
}


.LeftButtonStyle
{
  /*  width:130px; height:30px; font-size:14px;font-family:arial, helvetica, sans-serif;*/
     cursor:pointer;
border:1px solid #999999; -webkit-border-radius: 42px; -moz-border-radius: 42px;
border-radius: 42px;
 padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color: #FFFFFF; background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);
 box-shadow: rgba(0,0,0,1) 0 1px 0;
 }
   
   
.LeftButtonStyle:hover {
 border:1px solid #7A7A7A;
 background-color: #EEEEEE; background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);
 }
.LeftButtonStyle:active {
 border-style:none;background-color:transparent;text-shadow:none;
   }

.ButtonStyle
{
    width:200px;    padding:5px;padding-top:7px; cursor:pointer;
}

.LeftButtonStyle1
{
    width:130px;  font-size:14px; font-family:Sans-Serif; cursor:pointer;
       padding: 6px 15px;
   -webkit-border-radius: 10px; background-color:white;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;

}
.LeftButtonStyle1:hover{    background-color: #f5f5f8;}


.LeftButtonStyle_Small
{
    width:100px;  height:30px;  cursor:pointer;
border:1px solid #999999; -webkit-border-radius: 42px; -moz-border-radius: 42px;
border-radius: 42px;
font-size:14px;font-family:arial, helvetica, sans-serif; padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color: #FFFFFF; background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);
 }
.LeftButtonStyle_Small:hover{  border:1px solid #7A7A7A;font-weight:bold;
 background-color: #EEEEEE; background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);
 }



.LeftButtonStyleOK
{
      /*  width:130px; height:30px; font-size:14px;font-family:arial, helvetica, sans-serif;*/
         cursor:pointer;
border:1px solid #999999; -webkit-border-radius: 42px; -moz-border-radius: 42px;
border-radius: 42px;
 padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color:#CCFFCC;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
}
.LeftButtonStyleOK:hover{  background-image: linear-gradient(to bottom, #CCFFCC, #C7C7C7);  }

.LeftButtonStyleNo
{
      /*  width:130px; height:30px;  font-size:14px;font-family:arial, helvetica, sans-serif; */
        cursor:pointer;
border:1px solid #999999; -webkit-border-radius: 42px; -moz-border-radius: 42px;
border-radius: 42px;
padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color:#FFCCCC;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
}
.LeftButtonStyleNo:hover{   background-image: linear-gradient(to bottom, #FFCCCC, #C7C7C7);}

.LeftButtonStyle2
{
    width:150px;   font-size:small; padding:5px;padding-top:7px;font-family:Tahoma;
}

.myhistory
{
    color:black; font-family:Helvetica,Verdana, Arial,Perpetua, sans-serif; white-space: nowrap;
    font-size:12px;  vertical-align:middle; line-height:20px;text-decoration:none; 
}

.myhistory:hover
{
     text-decoration:underline; cursor:pointer;
}

/*.header3
{
   background:#FAF8EB; border-bottom:2px solid #fff; margin-top:-2px;
     width:100%;
     height:45px;  vertical-align:middle;  color: #333333;
  color: var(--text);
    font-size: 17px;  
    
    font-family: Helvetica,Arial;

}*/

.lblHeaderClass{ color:black;}

.header4
{
   vertical-align:middle; background-color:#E6E2EF; font-size:medium;  
   padding:0px; margin:0px; width:99%; color:#472F8F;height:25px;
}
.header5
{
   vertical-align:middle; width:99%; font-size:medium;  
   padding:0px; margin:0px; color:#472F8F;height:20px;
}

#headermenu
{
   display:block; position:relative; top: 0px; height:30px; margin-left:2px;  width:99%; padding:0px 0px 1px 1px; text-

align:left; 
}
#breadcrumb
{
     position:relative; width: 99%; color:White; margin-left:2px; padding: 0px; background-color:Olive; 
     font-size:10px; top:0px;
}

.HyperLinkButton
{
 font-weight:bold;
}


#mnuFooter
{
 text-align:center;
}

#footermenu
{
   text-align: center;
   padding-top: 10px; 
   margin-left:100px;           
}


#loginbox
{
    position:absolute; top:5px;  right:30px;   text-align:right;
    padding:2px 0px 2px 2px; font-size:smaller;
}

.hyperlinkBlack
{
    color:Black; text-decoration:none;font-size:small;
}

.margintopminus
{
    margin-top:-5px;
}

.hlWWW
{
    position:absolute; top:5px; left:60px;font-family:Tahoma; color:Navy; font-size:12px; text-align:left;
}

#alertbox
{
    position:absolute; top:58px;   width:80%; height:12px;  
    padding:2px 0px 2px 2px; font-size:12px; color:Red;  text-align:right;
}


#themeselector
{
    position:absolute; text-align:left; top:30px; right:10px; width:150px;
    height:80px; padding: 2px 2px 2px 2px; font-size:9px; 
}
.footer
{
width:100%;
height:15px;
bottom:0;
left:0;
background:#eeeeee;
border: 2px solid silver;
 padding:3px; 
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#leftcol
{
    position:absolute; top:112px; left:1px; width:199px; margin-top:10px;
     font-size:10px; border-right:1px solid silver;
}
#centercol
{
    left:0px; margin-left:200px; padding:0px;
    background-color:White; text-align:left;
}

#ContentPage
{
    padding:7px; height:99%; font-family:Tahoma; font-size:small;  
}
#centercolwide
{
    left:0px; margin-left:0px; padding:7px;margin-top:0px;
    background-color:White; 
}
#centercolcontent
{
     left:0px; padding:0px 0px 0px 6px; padding:0px; text-align:left;
}
.footermenulink
{
   text-align:center; 
   font-family: Tahoma;
   font-size: 9px;
   font-weight: normal;
   text-transform: uppercase; 
   text-indent: 15px;  
}
.headermenulink
{
   font-family: Impact;
   font-size: 17px;
   text-transform: uppercase;        
}
.headermenulink a
{
   text-decoration: none;
   color: black; 
}
.footermenulink a
{
   text-decoration: none;
   color: black; 
}
.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

.highlight
{
    background-color: #fefbd2;
    color:#000080;
}
div.accountInfo
{
     background-color:#0b1b37; color:White; margin-left:26%; margin-top:4%;
 /* background: -webkit-linear-gradient(left top, #6699FF , gray); /* For Safari 5.1 to 6.0 */
 /* background: -o-linear-gradient(bottom right, #6699FF, gray); /* For Opera 11.1 to 12.0 */
 /* background: -moz-linear-gradient(bottom right, #6699FF, gray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to bottom right, #6699FF , gray); /* Standard syntax */

     -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
    text-align:center;

}



.submitButton
{
    text-align: center;
    padding-right: 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;  text-align:center;
}
fieldset label.inline 
{
    display: inline;
}
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;text-align:center;
}

.fieldname
{ 
    width:1%; white-space:nowrap; padding-left:10px; padding-right:5px;
    text-align:right; 
 /*    background:#f5f5f8;*/
    background:#f5f5f8;
 /*   background: -webkit-linear-gradient(left top, white , lightgray); /* For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(bottom right, white, lightgray); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(bottom right, white, lightgray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to bottom right, white , lightgray); /* Standard syntax */
  
}
.fieldinfo
{
   vertical-align:middle;text-align:left;
}

.form_alert_style
{
}


.TableButton
{
    background-color:#284775; color:White;
}



 #UpdateProgress1 
 {
   background-color:#CF4342;
   color:White;
   top: 0px;
   right: 0px;
   position:fixed;
 }
 
#UpdateProgress1 img {
   vertical-align:middle;
   margin:2px;
 }





.LeafNodesStyle 
{
  color:darkblue;
}

.TreeView a:hover 
{
     text-decoration:underline; cursor:pointer; color:#303030;
}



.Tree3Line
{
    font-style:italic; color:navy;
}


.RootNodeStyle 
{
 color:Black; padding: 4px; 
}

/* ALL ELEMENTS */

.NodeStyle 
{
    color:Black;background-color:transparent; padding:4px;  border-style:none; font-style:normal;text-decoration:none; 

}


.ParentNodeStyle 
{
 color:Black; padding: 5px;
}

.SelectedNodeStyle {padding-left:10px; background-color:lightgray; border:1px solid silver; text-decoration:none; color:black;
                    padding:3px;  
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
-khtml-border-radius:3px;  
 }
 

    .LabelStyle
    {
      line-height:20px; vertical-align:text-top;  padding-top:10px; padding-bottom:10px;
    }  


.span_tv{}
.span_tv :hover 
{
     text-decoration:underline; cursor:pointer;
}




div.popup, div.popup_active {
  position: absolute;
  z-index: 10;
  display: none;
  width: 450px;
  font-size: 11px;
  padding: 3px;
  color: black;
  background: #FBFBE5;
  border: 1px solid #C3C3C3
}
div.popup_active { display: block }

.btnClear
{  margin-left:-22px; height:12px; margin-top:3px;  position:absolute;  cursor:pointer;  transition: 3s opacity;  opacity: 0; filter: alpha

(opacity=0);}

.btnClear1
{ margin-left:-22px; height:12px; margin-top:3px;position:absolute; cursor:pointer; transition: 0.3s opacity;  opacity: 1; filter: alpha

(opacity=100);}

.frmPopup
{
    display:none; padding:10px; border:1px solid gray; width:400px; background-color:InfoBackground; position:absolute;
}

.btnClear3
{   padding-left:3px;  height:12px;  cursor:pointer;  }


.SelectedCheckBox1
{
   height:auto; font-family: Verdana; font-size:inherit;  vertical-align:middle; 
   text-align:right;  padding:10px;border-collapse: collapse; display:none; z-index:999;
}

/*.SelectedCheckBox
{
    position: fixed; bottom: 0; right:0; font-family:Arial;letter-spacing:1px; 
    overflow-x:auto;overflow-y:top;background-color: #227fbb;color:#ffffff;
    
   height:50px;   font-size:12px;   vertical-align:middle; 
   text-align:right;  padding:5px 15px 5px 5px;  border-collapse: collapse; display:none; z-index:999;
}*/
/*.SelectedCheckBoxFileBox
{
    position: fixed; bottom: 0; right:0; font-family:Arial;letter-spacing:1px; 
    overflow-x:auto;overflow-y:top;background-color: #227fbb;color:#ffffff;
    
   height:50px;   font-size:12px;   vertical-align:middle; 
   text-align:right;  padding:5px 15px 5px 5px;  border-collapse: collapse; display:none; z-index:999;
}*/

.MyPictureClass
{
    position: absolute; top: 30px; right:0;height:400px;  
    
    font-family:Arial;letter-spacing:1px; 
   background:transparent;
    
    width:400px;   font-size:12px;   vertical-align:middle; 
   padding:5px 15px 5px 5px;   
    display:none; z-index:999;

}



.selectedboxspan
{ border:1px solid white; padding:5px;
}
/*.selectedbox_button
{
     background-color:transparent; cursor:pointer; padding:3px 5px; color:#fff; font-size:inherit; font-family:Verdana;
     border:2px solid white; text-align:center;border-radius:4px; letter-spacing:1px;  
}
.selectedbox_button:hover
{color:black; background:white;border:2px solid #84ADFF;
 
}*/

.lblCheckedRed{display: none; color:White;float: left; }

.selectedbox_close
{
     background-color:transparent; cursor:pointer; padding:2px 2px; color:White;  width:9px; height:9px; 
     border:1px solid white; text-align:center; top:0; right:0;  position:absolute; margin-top:1px; margin-right:1px;
}
.selectedbox_close:hover
{
     color:red;  
     border:1px solid red; 
}
.selectedbox_close1
{
     background-color:transparent; cursor:pointer; padding:2px 2px; color:White; float:right;  width:15px; height:15px; 
     border:1px solid white; text-align:center; top:2px; right:2px;  position:relative; 
}
.selectedbox_close1:hover
{
     color:red;  
     border:1px solid red; 
}


.roundcorner{
 padding:5px;  background-color:white;
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.roundcorner0{
 padding:3px; 
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.roundcorner1{
 padding:5px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:6px; -khtml-border-radius:10px;
}

.roundcorner3{
 padding:3px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;

}

.flash1{
 padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
    background-color: khaki;
        text-decoration: none;
    color: #005531;
}
.flash2{
 padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
    background-color: #edf8ee;
    text-decoration: none;
    color: #005531;
}

.ButtonMoney{
border-radius:7px; width:20px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
border:1px solid gray; background-color:lightyellow; color:Navy; padding:5px; text-decoration:none;
}


.TaskDoneStyle
{
   color:darkgreen; cursor:pointer;font-size:14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
}
.TaskDoneStyle :hover 
{font-weight:bold;cursor:pointer;}

.TaskNotDoneStyle
{
        color:red; cursor:pointer; font-size:14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;

}
.TaskNotDoneStyle :hover 
{font-weight:bold;cursor:pointer;}

.Alert_span{    color:Red;        }

.roundcorner2{
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.newmenu
{
     padding: 7px  2px 7x 2px;  
    vertical-align:middle; width:18px;  
}


 #Menu1 a {display:block; padding-left:15px;z-index:50;}
 
  #Menu1 td {vertical-align:middle; border:none; border-collapse:collapse;z-index:50;}
 


.menuitem_image
{
    width:20px; height:20px;
   background: white;  border:1px solid #84ADFF;
     padding: 4px; border-radius: 2.5em; -moz-border-radius: 2.5em; -webkit-border-radius: 2.5em;
}

.menuitem_image2
{
     font-size:10px;display: inline-block;line-height: 10px;margin-right: 5px;
   color:red; border:1px solid #C9C9C9;
    padding:5px;  
text-align:center; background: white;width:9px; height:9px; background: white;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
  /**/
}

.favorite1:hover
{
color:white;  background-color:White;
}

.menuitem2
{
    padding-right:  12px ; 
   /*  color:#393939; text-shadow: 1px 1px white; */
     color:lightgray;
     
     cursor:pointer;  font-weight:normal;
    vertical-align:middle;  text-align:left;  line-height:36px;
     
   /*  background-color:#f1f1f1;*/
   /* background-color:#FAF8EB;*/
    background-color:#333333;
   
    z-index:900;border-top:1px solid transparent; border-bottom:1px solid #595959;transition: all .3s ease-in-out;
/* border-bottom:1px solid #F2F7FB;   box-shadow: -15px 0 15px -15px inset ;text-shadow: 1px 1px white;opacity: .8; filter: alpha(opacity=80);*/



    

    
/*-webkit-border-radius: 7px 0px 0px 0px;-moz-border-radius: 7px 0px 0px 0px;border-radius: 7px 0px 0px 0px;
  /* text-decoration:underline; opacity: 0.8; filter: alpha(opacity=80); */
     
}
/*
.menuitem2_hover
{
    color:white; background-color:transparent; border-radius: 0px 10px 0px 0px;
}
*/
.menuitem2_hover
{
   /*background-color:#fff; border-bottom:1px solid silver;border-top:1px solid silver;*/
    color: #fff;  z-index:999;
    
   
     /*padding:  3px 13px 3px 2px ; opacity: 1; filter: alpha(opacity=100);    color:white; 
     /* margin-left:2px;*/ 

    
}
/*
.menuitem_sel
{
    padding:  6px 3px 5px 0px ;  color:white; background-color:#6699FF;
    vertical-align:middle;  text-align:center; 
    border-left:1px solid white; border-top:1px solid #6699FF;
    border-right:1px solid #6699FF;border-bottom:1px solid #6699FF; border-radius: 0px 10px 0px 0px;
}
*/
.menuitem_sel
{
   
    /* background-color:#fff; border-top:1px solid silver; border-bottom:1px solid silver;border-color:#fff; */ 
     width:190.5; 
     color: #fff;  font-weight:bold;
      width:190.9;
  /*  box-shadow: none; border-right:1px solid gray;border-top:3px solid silver; background-color:white;
text-decoration:none;     background-color:#e6e6ee; 
         padding:  3px 15px 3px 0px ;padding-left:5px;
      margin-left:2px;opacity: 1; filter: alpha(opacity=100);
*/
}



.menuitem_dyn
{
  color: lightgray;/* #393939;  */
   padding:3px; line-height:17px; 
  background-color:#333333;
/*  background-color:#FDFAF1;  text-shadow: 1px 1px white; */
  border:1px solid transparent;
   z-index:999;
   border-top:1px solid transparent; border-bottom:1px solid transparent;transition: all .3s ease-in-out;
 /* background: -webkit-linear-gradient(left, white , lightgray); /* For Safari 5.1 to 6.0 */
 /* background: -o-linear-gradient(right, white , lightgray); /* For Opera 11.1 to 12.0 */
 /* background: -moz-linear-gradient(right, white , lightgray); /* For Firefox 3.6 to 15 */
 /* background: linear-gradient(to right, white , lightgray); /* Standard syntax */
}
.menuitem_hover
{
  padding:3px;
  color: #fff;
 /*   background-color:#FAF8EB; */
   border-top:1px solid #595959; border-bottom:1px solid #595959; z-index:999;

/*  background: -webkit-linear-gradient(left, black , lightgray); /* For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(right, black, lightgray); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(right, black, lightgray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to right, black , lightgray); /* Standard syntax */
}

.sitememu{}

 .logoff
 {
     width: 20px;height: 20px; border: 1px solid #2C9DD5;  transition: all .5s ease-in-out;
     background: white; padding:3px; border-radius: 1.3em; -moz-border-radius: 1.3em; -webkit-border-radius: 1.3em;
 }
          .logoff:hover
        {
            transform: scale(1.3);
        }
        
 

 
  .logoff2
 {
     width: 22px;height: 22px; border: border: 1px solid #2C9DD5; transition: all .5s ease-in-out;
      background: white; padding:3px; border-radius: 1.3em; -moz-border-radius: 1.3em; -webkit-border-radius: 1.3em;
 }

 
          .logoff2:hover
        {
            transform: scale(1.3);
        }
        
 
   .logoff4
 {
     width: 28px;height: 28px;border: none; opacity: 0.75; filter: alpha(opacity=75);
 }
    .logoff5
 {
      width: 28px;height: 28px;border: none; opacity: 1; filter: alpha(opacity=100);
      
 }
 .logoff5:hover{
   animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;}

  .Shake{
       animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
 }
  
   .logoffcust1
 {
     width: 32px;height: 32px; border: 2px solid transparent; 
 }
 
  .logoffcust2
 {
     width: 36px;height: 36px;border: none; 
 }
 


tr.border_bottom td {
  border-bottom:2pt solid #f5f5f8;
}




.upperline
{
    background: -webkit-linear-gradient(lightgray, #edf8ee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgray, #edf8ee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgray, #edf8ee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgray, #edf8ee); /* Standard syntax (must be last) */
}
.downline
{
    background: -webkit-linear-gradient(lightgray, #edf8ee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgray, #edf8ee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgray, #edf8ee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgray, #edf8ee); /* Standard syntax (must be last) */
}

.circular {
	height: 65px; 
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;

	}
	
 .div_menu
 {  font-size:13px; font-family: Helvetica,Verdana; padding: 10px 10px;  border:none;   width:98%;
transition: 2s opacity;  opacity: 0; filter: alpha(opacity=0); vertical-align:middle;  
 }

 .MenuSelected
{
     font-weight:bold; 
     
}



/*.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; padding-left:15px; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
#ui-datepicker-div { font-size: 12px; }*/

.borderbottom

{
border-left:none 0% #000000;
border-top:none 0% #000000;
border-right:none 0px #000000;
border-bottom:solid 1px silver;

}



.FilterTable1
{
      
    padding: 5px; text-align:left;border: 1px double silver;
-moz-border-radius:6px; border-radius:7px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    
}
.FilterTable1 td { padding-bottom:0px; padding-top:0px;}

.tblFilter
{
    display: none; padding-bottom:10px;
}

.TableInputData
{
      text-align: left; width: 100%; border: 1px solid silver;
     background-color: #f5f5f8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
     padding: 5px;
}


.Eventstylerecord{color:#303030; border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;padding:4px 5px 4px 5px ; background-color:InfoBackground; border:thin solid lightgray;}

.box{ display: none;	position: fixed; max-height:500px;overflow-y:auto; padding-right:30px;
      overflow-x:auto;max-width:1000px; 
	z-index: 95;
        float:right;
        background-color: #FAF8EB;
        border: none;  border-left:none;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    }
    .box-inner{
        width: auto;
        padding: 10px;
    }


.box_history{ display: none;z-index: 95;  font-size:12px;

   position: fixed;
   max-height:1000px;overflow-x:auto; padding:15px;
      overflow-y:top;max-width:1000px; 
	
        float:left;
        background-color: white;
        border: none;  border-left:none;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
    }
    
    .box_favorite{ display: none;z-index: 95;  font-size:13px;

   position: absolute; line-height:15px;
   max-height:1000px;overflow-x:auto; padding:12px;
      overflow-y:top;max-width:1000px; 
        background-color: white;
        border: 1px solid silver;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
    }


    
    /*.element_shake{

  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


  

.blink {
    -webkit-animation: blink 2s step-end infinite;
            animation: blink 2s step-end infinite;
}
@-webkit-keyframes blink { 30% { visibility: hidden; }}
        @keyframes blink { 70% { visibility: hidden; }}
      
      
.red1
{
    color:Red; padding-right:3px; font-weight:bold;
}
.red2
{
    width:11px; padding-right:3px;
}
.red3
{
    padding-right:3px;
}

.filterspans
{
 float:left; margin-top:4px; padding: 5px;background-color:InfoBackground; 
 border:1px solid silver;  padding-right:10px; border-radius:2px;
}

.textfind
{
    text-align: left; padding: 3px; max-width:150px; /*width:100px;*/ 
}

.imgAdd{ padding-right:5px;  vertical-align:middle;cursor: pointer; }

.imgAdd1{ padding:0px 10px 0px 15px ;  vertical-align:middle;cursor: pointer; }

.imgAdd2{   vertical-align:middle;cursor: pointer; font-family:Verdana;
           width: 140px;
  height: 23px; width:80px;
  border-radius: 3px; 
  background-color: InfoBackground ;
  border: 1px solid #979797;  color: #393939;font-size: 12px;
  font-weight: bold;

 }
.imgAdd2:hover
{
     background:#ffffff;
}

        
        
        .TR_Details
        {
        }
        .TD_Details
        {
            padding-left: 30px;
        }
        
/*.accordion_div {
 display:none;
 padding:  7px 10px  7px 10px;

 width:98%;
  border:1px solid darkgray;
  font-size:12px;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;

}
.accordion_div1 {
 display:block;
 padding:  15px 10px  7px 10px;

 width:98%;
  border:1px solid darkgray;
  font-size:12px;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;

 background: #FBFBF3;
}

.accordion
{
    width :97%;list-style-type: none; border:4px solid #f5f5f8;   
}

.acc_a
{
    color:black;
    cursor:pointer;
    font: normal 12px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding:  7px 17px;
background-color:#f5f5f8 ;
width:170px;
text-align:left;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid transparent;

}
.acc_a:hover
{
     border:1px solid darkgray;color:#744f00; background: #FBFBF3;
}
.acc_a_show
{
background-color:#FBFBF3;
   
    color: #744f00;
    cursor:pointer;
    font: normal 16px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;


width:170px;
text-align:center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid darkgray;
border-bottom:none;
}
.acc_a_show:hover
{
    border:1px solid black; border-bottom:none; background: #FBFBF3; color:#303030;
}

/*
.acc_a
{
    color:black;
    cursor:pointer;
    font: normal 12px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;
background-color:#f5f5f8 ;
width:170px;
text-align:left;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid transparent;

}
.acc_a:hover
{
     border:1px solid darkgray;color:#744f00; background: #FBFBF3;
}
.acc_a_show
{
background-color:#FBFBF3;
   
    color: #744f00;
    cursor:pointer;
    font: normal 16px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;
 margin-left:40%;

width:170px;
text-align:center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid darkgray;
border-bottom:none;
}
.acc_a_show:hover
{
    border:1px solid black; border-bottom:none; background: #FBFBF3; color:#303030;
}
*/
.TextBoxDDL
{
    padding: 2px 5px 2px 3px; font-size:inherit; 
}
.TabDigit
{
    font-size:14px; font-weight:bold; padding:0px 3px;
}


.Rectangle {
  width: 30px;
  height: 90%;
  border-radius: 2px;
  background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
  vertical-align:middle;
  display:none;
}
.Rectangle :hover {
  background-color:lightgreen;
}

.div_maincontent
{
    overflow-y: auto;
}

#DivHeaderRow
{
    position:relative; vertical-align:top; top:0;  z-index:10;
}


@font-face {
    font-family: 'GraphikLCG-Regular';
    src: url("../fonts/Graphik LCG/GraphikLCG-Regular.otf");
}
@font-face {
    font-family: 'GraphikLCG-Medium';
    src: url("../fonts/Graphik LCG/GraphikLCG-Medium.otf");
}
@font-face {
    font-family: 'GraphikLCG-Light';
    src: url("../fonts/Graphik LCG/GraphikLCG-Light.otf");
}