html { overflow-y: scroll; }
html { overflow-x: auto; }
body
{
    font-family: Segoe UI, Tahoma, Verdana, Segoe, Sans-Serif;
    font-size: 0.7em;    
    margin: 0;    
    text-align: center;
    background: url(images/bg.png) #E8F3FB repeat-x left top;      
}

input
{
    font-family: Segoe UI, Tahoma, Verdana, Segoe, Sans-Serif;
     
}

a, a:visited
{
    color: #55E;
}

a:hover
{
    color: #00E;
}

table
{
    font-size: 1em;
}

h4
{
    margin: 0px;
}

h3,h2
{
    margin-top: 5px;
    margin-bottom: 0px;   
}


ul
{
   margin-top: 0px;   
}

p
{
   margin: 0px 0px 5px 0px;   
}

.block
{           
    width: 930px;   
    margin: 0;      
}

.language
{   
   color: #FFFFFF;
   background: url(images/menu_bg_1.png);    
   float:right;
   clear: right;
   padding: 5px 5px 5px 10px;   
}

.language A, .language A:visited
{
    color: #FFFFFF;
    text-decoration: none;
}


.middle
{
    width: 928px;
    margin: auto;  
    background-color: #FFFFFF;
    text-align: left;          
    min-height: 400px;
    border: solid 1px #AAA;
}

.content
{   
    padding: 15px 20px 20px 20px;
    font-size: 1.2em;
    line-height: 1.5em;
}

.footer
{
    width: 930px;    
    margin: auto;     
}
.copyright
{         
    padding: 3px;
    color: #918080;
}

.header
{
    width: 930px;
    margin: auto;
    background: url(images/header-back-logo.jpg);
    height: 163px;   
}

.logo
{        
    margin-top: 15px;   
    float: left;   
    clear: left;
    padding-left: 20px;       
    text-align: left;
}

.slogan
{                    
    float: none;
    clear: none;
    font-size: 1.5em;
    font-weight: bold;
    color: #666666;      
    text-align: center;
    width: 200px;    
}

/*
.product-logo-block
{	 
    text-align: left;
	 float: right;	 
	 width: 200px;
	 padding-left: 30px;	 
}
*/

.product-logo-image
{
    margin: 0px 0px 10px 10px;     
}

.product-description-block
{        
    text-align: justify;
    margin-top: 5px;    
    margin-bottom: 5px;
}

.site-description
{
    margin: 3px 0px 15px 0px;
    font-size: 1.2em;
}

.announcement
{
    color: #e00;
}

.page-header
{
    margin: 0px;
    color: #25b;
    font-family: "Trebuchet MS", Segoe UI, Tahoma, Segoe, Sans-Serif;   
}

.page-section-header
{
    color: #26c;
    font-family: "Trebuchet MS", Segoe UI, Tahoma, Segoe, Sans-Serif;   
}

.page-subheader
{   
    color: #666666;
    margin: 0px;
}

.floating-right
{
    margin:5px;
    padding: 5px 10px 10px 10px;
    width: 300px;
    float: right;    
    border: dashed 1px #aaa;    
}

.dashed-block
{
    margin:5px;
    padding: 5px 10px 10px 10px;        
    border: dashed 1px #aaa;    
}
.screenshots
{
    width: 890px;
}

.screenshots TABLE
{
    font-size: 1em;
    width: 100%;
    /*font-size: 0.8em;*/
}

/*
.screenshots TD
{   
    text-align: center;
}
*/

.screenshot
{              
    display: inline-block; 
    padding: 10px;
    margin: 10px;
    border: dotted 1px #aaa;
}

.heading
{
    font-weight: bold;
    margin-top: 4px;
}

.footnote
{
    font-style: italic;
    font-size: 0.8em;
}

/****** Menu ************/
.menu-item-selected A
{
	 background: #21262A;
}

.menu {padding: 10px; margin: 0px; clear:right; white-space:nowrap; float:right; border:none; background: url(images/menu_bg_1.png); margin-top: 90px}
.menu ul {padding: 0px; margin: 0px;list-style-type:none;}
.menu ul li {padding: 0px; margin: 0px; float:left; z-index:auto !important; z-index:1000 ;background: url(images/menu_bg.gif) repeat-x; border-left: #858d8e 1px solid; border-right: #858d8e 1px solid;}
.menu ul li a, .menu ul li a:visited{float:none !important; float:left; display:block; padding: 5px 20px 5px 20px; text-decoration:none; font-weight:bold;  font-size: 1.4em; color: #FFFFFF;}
.menu ul li ul {display:none; border:none;}

.menu table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.menu ul li:hover {background: #21262A; position:relative;} 
.menu ul li:hover a, .menu ul li a:hover{position:relative; z-index:1000; background: #21262A; text-decoration:none; color: #FFFFFF; } 
.menu ul li:hover ul, .menu ul li a:hover ul {text-align:left; display:block; width:6.0em; position:absolute; z-index:999; top:2.6em; margin-top:0.1em; left:0em;}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a  {white-space:normal; display:block; width:6.0em; height:auto; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #aaa; border-bottom: solid 1px #aaa; background: #EEE; font-weight:normal; font-size: 1.2em; color: #555;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background: #ddd; text-decoration:none; } 
.menu ul li a:hover ul {top:1.7em; }


/********* Features *************/

.features TABLE
{
    font-size: 1em;
    width: 100%;
    /*font-size: 0.8em;*/
}
.features TD, TH
{    
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;        
}

.features-header-title 
{
   text-align: left;
}

.features-cell-check
{
   text-align: center;
}

.feature-row-alt
{
    background-color: #f8f8f8;
}

.feature-row-header
{
    background-color: #e0e0e0;
}

.feature-group
{
    background-color: #f0f0f0;
}


TD.feature-group-title
{
    font-style:italic;
    text-align: left;
}

TD.feature-item-title
{
    padding-left:15px;   
    text-align: left;
}

/*********   Contact Form *********/
.contact-form TD
{
    vertical-align:top;
}

.contact-form-field-title
{
    text-align: right;
    padding-right: 5px;
    /*font-weight: bold;*/
}


code{background:#eeeeee}


/* Login control */


#LoginControlBlock
{
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
}


#SeparatorLoginBlock
{
    margin-left: 10px;
    margin-right: 10px;
}


.dialog-window-header
{
    width:100%;    
    padding: 10px;    
    background: #09C;
    color: White;
    text-align:left;
}

.dialog-window-footer 
{   
   position:absolute;
   bottom:0;
   width:100%;
   height:50px;   /* Height of the footer */
   border-top: 1px solid #ccc;
   background:#eee;
   text-align:left;
}

.dialog-window-body {
   padding:10px;
   padding-bottom:50px;   /* Height of the footer */
   text-align: center;  
   width:100%; 
}

.dialog-window-container {
		min-height:100%;
		position:relative;
	}


.dialog-window-footer table
{
    height:50px;width:100%;padding:5px;
}

.dialog-window-footer td
{
    padding:5px;
}

.panel-block
{
    padding: 5px; 
    border: 1px solid #ccc; 
    background: #eee;     
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('/images/shadow.png');
}