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;      
    overflow-y: scroll;
    overflow-x: auto;
}

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, .copyright a
{         
    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');
}

/* Buttons */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin: 0px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.in-text
{
    margin: 0 0px -3px 0;
}