﻿html, body, form 
{
    height:100%;
}

a:link, a:active, a:hover
{
   color:#196719;
} 

a:visited 
{
    color:#678f67;
}

body 
{
    font-family: Arial, Verdana, sans-serif;
    font-size: .790em;
    background:#d7d7d7;
    margin: 15px 0px 20px 0px;
}

p {
    line-height: 1.462em;
    margin-top: 0px;
    padding-bottom: 1px;
    margin-bottom: 1.2em;
}

h1 {
    color:black;
    margin-top:0px;
    line-height: 1.31em;
    margin-bottom:10px;
}

h2
{
        color:black;
        margin-top:0px;
        margin-bottom:0px;
}

h3
{
        color:black;
        margin-top:0px;
        margin-bottom:3px;
}

h4 {
    font-size: .917em;
    line-height: 1.31em;
    margin-bottom:0px;
}

hr 
{
    padding-top:1px;
    line-height:1px;
}

ul 
{
    margin-top:0px;
    margin-left: 1em;
    padding-left: 1em;
    }
    
li 
{
    line-height:1.462em;
}

input, select, textarea, button 
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: inherit;
}

textarea { border: 1px solid #c0c0c0; background-image: url(/images/gradient_textarea.png); background-color: #ffffff; background-repeat: repeat-x; padding: 1px 0px 1px 1px; margin: 3px 0px 3px 0px; }
input[type="button"], input[type="submit"], input[type="text"], input[type="password"], select { border: 1px solid #c0c0c0; background-image: url(/images/gradient_input_text.png); background-color: #ffffff; background-repeat: repeat-x; padding: 1px 0px 1px 1px; margin: 3px 0px 3px 0px;}
input[type="text"] { width: 185px;}

textarea {
    font-family: Arial, Verdana, sans-serif;
}

td 
{
    vertical-align:top;
}

/* Define the main menu on top of the page */
.flag IMG
{
    margin:4px 11px 0px 0px;
    border: solid 1px black;
}

IMG 
{
        border-color: #DDDDDD;
}

/* Define the header image */
#header {
    margin:0px auto 0px auto;
    width:847px;
    background:black;
}

/* Define the wrapper help that contains (versionname,rightshadow) (content + rightcol) */
.wrapper {
    position: relative;
    margin:0px auto 0px auto;
    width:847px;
}

.wrapper_main {
    position: relative;
    margin:0px auto 0px auto;
    width:847px;
    background-image: url('/Images/tile_content.gif') ;
    background-repeat: repeat-y;
}

#versionname
{
    position: relative;
    margin:0px auto 0px auto;
    height:85px;
    width:827px;
    background:black url('/Images/tile_left.gif') repeat-y; 
    color:white;
    text-align:right;
    font-size: 1.5em;
    padding:10px 20px 0px 0px;
}

#versionname h1 
{
    color:white;
    font-weight:normal;
}

.rightshadow
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width:4px;
    background:black url('/Images/tile_right.gif') repeat-y; 
}


/* Define the content block */
#content 
{
    margin: 0px 0px 0px 0px;
    padding-left:4px;
    min-height:500px;
}


.main_text
{
    width:600px;
    color:#444444;
    padding:15px 20px 20px 20px;
}

.main_text B, .main_text STRONG, .sub_text B, .sub_text STRONG
{
    color: Black;
}

.sub_text
{
    border-top: 1px solid #666666;
    width:600px;
    color:#444444;
    padding:15px 20px 20px 20px;
}




/* Define the rightcolumn*/
.mainmenu 
{
    float:right;
}

#rightbar2 {
	position: absolute;
	top: 0px;
	right: 0px;
	_height: 500px; 
	width: 202px;
	color: #000033;
	border-left: 1px solid #666666;
	background: #eeeeee url('/Images/tile_right.gif') repeat-y scroll top right;
}

#bottomlogon 
{
    position: absolute;
	bottom: 0px;
	right:4px;
	width:190px;
	border-top: 1px solid #666666;
	padding: 4px 4px 4px 4px;
	background:red;
}

#right_flags
{
    background: #999999 url('/Images/tile_right.gif') repeat-y scroll top right;
}

#right_nextsteps {
    background: #c8c8c8 url('/Images/tile_right.gif') repeat-y scroll top right;
}

#right_productinfo {
    background: #d6d6d6 url('/Images/tile_right.gif') repeat-y scroll top right;
}

#right_support {
    background: #e6e6e6 url('/Images/tile_right.gif') repeat-y scroll top right;
}

#right_logon {
    background: #eeeeee url('/Images/tile_right.gif') repeat-y scroll top right;
    line-height:normal;
    color:#555555;
}


.rightcolmenu 
{
    position: relative;
    font-size:0.920em;
	line-height: 1.762em;
	width: 186px;
	padding: 4px 4px 8px 12px;
}

.rightcolmenu a:link, .rightcolmenu a:active, .rightcolmenu a:visited
{
    text-decoration:none;
}

.rightcolmenu a:hover 
{
    text-decoration:underline;
}

a.coloredlink:link, a.coloredlink:active 
{
   text-decoration:none;
   color:#196719;
} 

a.coloredlink:visited 
{
    text-decoration:none;
    color:#678f67;
}

a.coloredlink:hover
{
    color:#196719;
    text-decoration:underline;
}

.rightcoltitle
{
    text-transform:uppercase;
    font-weight:bold;
    margin: 0px 0px 0px 0px;
}

DIV.rightcoltitle A 
{
    color:black;
}

.rightcol_static 
{
}

.rightcol_staticselected 
{   
    height:20px;
    background: #666666;
    }
    
.rightcol_staticselected A
{   
    
    color:white;
    font-weight:bold;
    width:100%;
    }



/*Define the footer*/
#footer 
{
    position: relative;
    width:827px;
    background:#333333 url('/Images/tile_left.gif') repeat-y; 
    width:827px;
	margin:0px auto 0px auto;
	padding:12px 10px 12px 10px;
	clear: left;
	color:#888888;
	font-size:smaller;
	line-height:1.5em;
	text-align:center;
	
}

#footer A 
{
   color:#bbbbbb;
   font-weight:bold;
}

#footer a:link, #footer a:visited, #footer a:active 
{
    text-decoration:none;
}

#footer a:hover 
{
    text-decoration:underline;
}

#footer_bottom
{
    	margin:0px auto 10px auto;
    	width:847px;
}


/* Define special spotlight in the text */
.spotlight
{
    float:right; 
    position:relative;
    background:#eeeeee;
    border: 1px solid #aaaaaa;
    margin:0px 0px 10px 10px;
    padding:5px 5px 20px 5px;
    line-height: 1.762em;
}


.horizontalbar
{
    _position:relative;
    line-height:1.462em; 
    background:#eeeeee;
    border: 1px solid #aaaaaa;
    padding:5px 5px 5px 5px;
    line-height:1.462em;
    _clear:both;
}

.clear 
{
    clear:both;
}


.stamp-fileinfo 
{
    color: Gray;
    font-size:smaller;
}

.iconimg
{
    vertical-align:baseline;
    margin-bottom:-2px;
    margin-right:8px;
}

.smalltext 
{
    line-height:1.3em;
}

/* Price table layout */
.pricetable 
{
	border-collapse: collapse;
	margin-bottom:10px;
}

.pricetable TH
{
    padding: 3px 5px 3px 5px;
    background:#aaaaaa;
    text-align:left;
    color:black;
}

.pricetable TD
{
    padding: 1px 5px 1px 5px;
    background:#eeeeee;
    border: 1px solid #aaaaaa;
}

.pricetable P 
{
    margin-bottom:0px;
    line-height:normal;
}

.rightimage 
{
    float:right;
    border: 1px solid #aaaaaa;
    margin-left:10px;
    margin-bottom:5px;
}