body
{
  font-family:Verdana; 
  font-size:11px;
  margin-top:0;
  margin-bottom:0;  
}

table
{
	background-color:Transparent;
	border-style:none;
	border-width: 1px;
	outline-style:none;
	 border-color: Black;
	 
}


table.worksheet {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.worksheet th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	font-family:Verdana; 
	font-size:12px;

}
table.worksheet td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	
}


table .tangerine 
{
	background-color:#FDCD5C;
	}
	
table .menubox
{
	background-color:#FFFBE9;
	}	

table .redtowhite
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA0901, endColorstr=#FFFFFF, GradientType=0);    
}


table .papayawhip
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffefdd, endColorstr=#FFFFFF, GradientType=0);    
}

table .lightviolet
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6E5F3, endColorstr=#FFFFFF, GradientType=0);
    
}

table .bluetobright
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5775a0, endColorstr=#89a7d2, GradientType=1);
    
}

table .balena
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9D0E, endColorstr=#070707, GradientType=0);
    
}

table .balenagray
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2f2, endColorstr=#c2c2c2, GradientType=0);
    
}

table .grayfade
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2c2c2, endColorstr=#f2f2f2, GradientType=0);
    
}

.smallfont td
{
	font-size:11px;
 }
 
 .smallerfont td
{
	font-size:9px; 
}

table .gray
{
	background-color:#E6E5F3;
}

td .lightgrayfade
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#FFFFFF, GradientType=0);  
}
td .lightgreen
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#81B0f0, endColorstr=#F0F0F0, GradientType=0);  
}
	
td
{
	font-family:Verdana; 
	font-size:12px;
	
}

 
td .titlebox
{
	color:White;
	background-color:Olive;}
	
td .borderbox
{
	background-color:Gray;}

td .orange
{
	background-color:#FDBB5A;
}
	

th
{
	
	font-family:Verdana; 
	font-size:9px;
	font-weight:bold;
	color:#000000;
}

a
{
  color:#0056E8;
  text-decoration:none; 
}

a:hover
{
  color:#DD3409;
  text-decoration:underline; 
}

ul
{
  list-style-image: url(images/bullet.gif);
  list-style-type:square; 
  list-style-position:outside; 
  margin-left:18px; 
  margin-top:5px; 
  color:#666666;
  padding-left:2px;
}

ol
{
  list-style-position:outside; 
  margin-left:25px; 
  margin-top:5px; 
}

h1
{
  font-family:Verdana; 
  font-weight:bold;
  font-size:18px; 
  color:#3F3F3F;
  margin-top:12px; 
  margin-bottom:40px; 
}

h2
{
  font-family:Verdana; 
  font-weight:bold;
  font-size:18px; 
  color:#3F3F3F;
  margin-top:15px; 
  margin-bottom:15px; 
}

h3
{
  font-family:Verdana; 
  font-weight:bold;
  font-size:12px; 
  margin-top:2px; 
  margin-bottom:2px; 
}

.TopNavLink
{
  font-size:10px;
  color:#3F3F3F; 
}


.WelcomeTitle
{
  font-family:Verdana;
  font-size:15px;   
  margin-bottom:0px;
  margin-top:0px
}

.MainText
{
  font-size:11px; 
}

.SmallText
{
  font-size:10px; 
  margin-top:0;
  margin-bottom:0;
}

.SmallerText
{
  font-size:8px; 
  margin-top:0;
  margin-bottom:0;
}

.Hint
{
  color:Red;
}

.DemoArea
{
  border:1px silver solid; 
  padding:8px;
  background-color:#F6F6F6;
}

.AboutBox
{
  border:1px #E6E6E6 solid; 
  background-color:#DDDDDD; 
  background-image: url(images/about_background.gif); 
}

.SidePanel
{ 
  padding: 10px; 
  border:1px; 
  border-color:#AAAAAA; 
  border-style: solid; 
  background-color:#F3F3F3;
  font-size:10px;
  color:#666666;
} 


.DemosNav 
{ 
  padding: 0px; 
  border:1px; 
  border-color:#AAAAAA; 
  border-style: solid; 
  background-color:#F3F3F3;
} 

.DemoCategory 
{ 
  color:black; 
  font-family: verdana; 
  font-size: 10px; 
  font-weight:bold; 
  cursor: default; 
} 

.DemoCategoryOver
{ 
  color:black; 
  font-family: verdana; 
  font-size: 10px; 
  font-weight:bold; 
  text-decoration:underline; 
  cursor: default; 
} 

.Demo 
{ 
  font-family: verdana; 
  font-size: 10px; 
  padding: 1px; 
  padding-left:2px;
  padding-right:2px;
  border:1px; 
  border-color:#F3F3F3; 
  border-style: solid; 
  cursor: default; 
} 

.DemoHover 
{
  font-family: verdana; 
  font-size: 10px; 
  padding: 1px; 
  padding-left: 2px; 
  padding-right: 2px; 
  background-color:#cccccc; 
  border:1px; 
  border-color:gray; 
  border-style: solid; 
  cursor: default; 
}

.DemoSelected 
{
  font-family: verdana; 
  font-size: 10px; 
  padding: 1px; 
  padding-left: 2px; 
  padding-right: 2px; 
  background-color:#FFFFFF; 
  border:1px; 
  border-color:gray; 
  border-style: solid; 
  cursor: default; 
}

input
{
  font-family: verdana; 
  font-size: 11px; 
  
}  

select
{
  font-family:Verdana; 
  font-size:11px;
  background:#FFFBE9;
  font-weight:normal;
}

textarea
{
  font-family:Verdana; 
  font-size:11px;
  background:#FFFBE9;	
}

.BoldText
{
	font-weight:bold;
}

.lightredbackground
{
	background-color:#ff8080;
}

.redText
{
	color:Red;
}

.gridLink A:Hover
{
	color:Black;
	background-color:#7BCEFF;
	font-weight:bold
}

.loginText
{
	font-size:small;
	background-color:White;
}

.bannerfont
{
	font-size:27px;
	font-family:Impact;
	font-weight:bold;
	font-style:italic;
	color:#000000;
}

.or .dt
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6600, endColorstr=#E4AF79);
    BACKGROUND-COLOR: #cc6600
}
.or .dtr
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6600, endColorstr=#E4AF79);
    BACKGROUND-COLOR: #cc6600
}
.or .dtl
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6600, endColorstr=#E4AF79);
    BACKGROUND-COLOR: #cc6600
}

.tangerinefade
{
    FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDCD5C, endColorstr=#f0f0f0, GradientType=1);
    BACKGROUND-COLOR: #cc6600
}

table .greenfade
{
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9DD99, endColorstr=#FFFFFF, GradientType=0);
   BACKGROUND-COLOR: #cc6600 
}

table .orangefade
{
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9D0E, endColorstr=#FFFFFF, GradientType=0);
   BACKGROUND-COLOR: #cc6600 
}

.redfade
{
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF1F01, endColorstr=#FFFFFF, GradientType=0);
   BACKGROUND-COLOR: #cc6600; color:White;
   
}

.bluefade
{
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5990c9, endColorstr=#FFFFFF, GradientType=0);
   BACKGROUND-COLOR: #cc6600; color:White;
   
}


/*Hover Menu*/
.popupMenu 
{
	
	background-color:#DDDDDD;
	padding: 3px 3px 3px 3px;
	border-style:solid;
	border-width: 1px;
	line-height: 20px;
	font-family: Verdana;
	font-size: 9;
	
	
}

.popupItem
{
    text-decoration:none;
    font-weight:bold ;
}

.popupTD 
{
    
    text-decoration: none;
    color: black;
    
    
}
.popupTD:hover 
{
    background-color:rgb(51,102,204);
    text-decoration: none;
    color: White;
    
}


.popupItem:hover 
{
    background-color:rgb(51,102,204);
    color:White;
    font-weight:bold ;
}
    

/*
.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}
*/
.popupHover {
	background-color: rgb(51,102,204);
}
/*
.modalBackground 
{  
	 background-color:#626262;
     filter:alpha(opacity=80);
     opacity:0.8;      
}
.modalPopup
{
      background-color:#dedede;
      border-width:2px;
      border-style:solid;
      border-color:black;
      padding:3px;
      width:200px;
}
*/