/* Use for text rendered outside a page content*/

body
{
  background-color:White; 
  font-family: verdana; 
  font-size:11px;
  color:#3F3F3F; 
}

a:link, a:visited, a:active
{
	color: #738AAD;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:focus
{
	border-style: none;
}

ul
{
  font-family: verdana; 
  font-size:11px;
  list-style-image: url(/shared/images/default/other/small_arrow.gif);
  list-style-type:square; 
  list-style-position:outside; 
  padding-left:30px; 
  margin-left:0px;
  margin-top:5px; 
  color:#666666;
}

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

h1
{
  font-family: verdana; 
  font-weight:bold;
  font-size:18px; 
  color:#3F3F3F;
  margin-top:10px; 
  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:10px; 
  margin-top:2px; 
  margin-bottom:2px; 
}

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


.WelcomeTitle
{
  font-family: verdana; 
  font-size:23px;   
  font-weight:900; 
  letter-spacing:-0.2mm;
  margin-top:10px; 
  margin-bottom:20px; 
}

.MainText
{
  font-size:11px; 
  height:100%;
}

.SmallText
{
  font-size:10px; 
}

.Hint
{
  color:Red;
}
.DemoContainer
{
  border:1px silver solid; 
  background-color:#F6F6F6;
  height:530px;
}
.DemoArea
{
  background-color:#F6F6F6;
}

.AboutBox
{
  background-color:#FFFFFF; 
  color: #666666; 
}

.SidePanelFooter
{
  background-image:url(/shared/images/default/other/sidepanel_bg.gif);
  background-repeat: repeat-y; 
}

.SidePanel
{ 
  border:1px; 
  border-color:#AAAAAA; 
  border-style: solid; 
  background-color:#F3F3F3;
  font-size:10px;
  color:#666666;
} 
.DottedLine
{
  background-image:url(/shared/images/default/other/dot_even.gif);
  background-repeat: repeat-x; 
}

.DemoName
{
  color:#666666;
  font-family: verdana; 
  font-weight:bold;
  font-size:11px;
}

.OtherDemos
{
  background-color:#FFFFFF;
  padding:10px;
  padding-top:8px;
  padding-right:5px;
  padding-bottom:0px;
  font-family: tahoma, verdana; 
  border-right: 1px solid #DDDDDD; 
  font-size: 10px; 
  font-weight: bold;
  font-size:11px; 
  color:#666666;
}

.OtherDemosIcons
{
  background-color:#FFFFFF;
  font-family: verdana; 
  font-size: 11px; 
  color:#DD3409;
  padding-bottom:5px;
}

.DemoBottomGradient
{
  color:#666666;
  background-image:url(/shared/images/default/other/demo_bottom_bg.gif);
  background-repeat: repeat-x; 	
  font-family: verdana; 
  font-weight:bold;
  font-size:10px; 
  padding-left:15px;
}

.DemoGradient
{
  color:#999999;
  background-image:url(/shared/images/default/other/demo_bg.gif);
  background-repeat: repeat-x; 	
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  padding-left:15px;
}

.Product
{
  background-image:url(/shared/images/default/other/spacer.gif);
}
.ProductOver
{
  background-image:url(/shared/images/default/other/product_gradient.gif);
  background-repeat: repeat-x; 
}
.SideNotes
{ 
  border:1px; 
  border-style: solid; 
  border-left-color:#F7F7F7;
  border-right-color:#DDDDDD;
  border-top-color:#F7F7F7;
  border-bottom-color:#DDDDDD;
} 

.DemosNav
{
  background-color:#F3F3F3;
  border-right: 1px solid #DDDDDD; 
  cursor: default; 
} 

.NavTopItem
{
  cursor: pointer;
  color:#666666;
  background-image: url(/shared/images/default/other/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px; 
  cursor:hand;
}

.NavTopItemHover
{
  cursor: pointer;
  color:#666666;
  text-decoration: underline;
  background-image: url(/shared/images/default/other/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px; 
  cursor:hand;
}

.NavTopItemActive
{
  cursor: pointer;
  color:#666666;
  background-image: url(/shared/images/default/other/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px; 
  cursor:hand;
}

.NavLevel2Item
{
  cursor: pointer;
  font-family: verdana; 
  font-size: 10px; 
  color:#666666;
  height:15px;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 10px; 
  cursor:hand;
}

.NavLevel2ItemSelected
{
  cursor: pointer;
  background-color:#F7F7F7;
  color: #DD3409;
  font-family: verdana; 
  font-size: 10px; 
  border: 1px solid white;
  border-top-color: #DDDDDD;
  border-left-color: #DDDDDD;
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 10px; 
  cursor:hand;
}

.NavLevel2ItemHover
{
  cursor: pointer;
  background-color:#F7F7F7;
  color: #666666;
  font-family: verdana; 
  font-size: 10px; 
  border: 1px solid white;
  border-bottom-color: #DDDDDD;
  border-right-color: #DDDDDD;
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 10px; 
  cursor:hand;
}

.NavLevel2Group
{
  cursor: default;
  padding:3px;
  border-bottom:1px solid #CCCCCC;
  background-color:#EEEEEE;
}

.Empty
{
}

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

select
{
  font-family: Verdana; 
  font-size:11px;
}