a { text-decoration: none; }
a:link {color: #0033CC}
a:visited {color: #0033CC}
a:hover {color: #0099FF}
a:active {color: #0033CC}

h1 {color: #3366CC}


h3
{
    margin-top: 22px;
}

p
{
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 12px;
}


p.quote
{
    padding-left: 25%;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 65px;
    margin-right: 65px;
    text-align: right;
    color: #063;
    font-style: italic;
}

body
{
    background-color:#ffffff;
    font-family: Verdana;
    font-size: 12px;
    overflow-y: scroll;
}

.pre
{
    font-family: FixedSys, Courier, Monospace;
    white-space: pre;
    color: #0000A0;
    display: inline;
}

.pre-ilfak {
    font-family: FixedSys, Courier, Monospace;
    white-space:pre;
    border:1px solid #9AB;
    background-color:#DEF;
}


.checkpoint
{
    font-weight: bold;
    background-color: #FFFF80;
}

.hi     /* highlight */
{
    display: inline;
    background-color: #FFFF70;
}

span.latest-news
{
    font-family: Sans Serif,Arial,Tahoma,Verdana; 
    font-size: 14px; 
    font-style:normal;
}


div.news-table-holder
{
    font-family: Sans Serif,Arial,Tahoma,Verdana; 
    font-size: 10px;
}

div.news-table-holder div.entry
{
    padding-top:12px;
    padding-bottom:12px;
}

div.news-table-holder div.date
{
}

div.news-table-holder div.content
{
    text-align: right;
}


/*---------------------- The main page, not used now -------------------*/

#main
{
    margin: 0 auto 0 auto;
    position: relative;
    background-image:url(/images/main.jpg);
    width: 845px;
    height: 568px;
    color:#0033CC;
    font-family: Verdana;
    font-style: italic;
    border: 1px solid blue;
}

#logo
{
    position: absolute;
    right: 10px;
    top: 15px;
    background-image: url(/images/bigname.png);
    width: 357px;
    height: 78px;
}

#menu
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#menu li
{
    display: block;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#menu a, #action a
{
    margin: 0px 0px 0px 0px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    width: 140px;
}

#action a
{
    margin: 0px 0px 0px 0px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    width: 100%;
}

#menu li a:hover, #action:hover
{
    background-image: url(/images/bigbutton.jpg);
    color: white;
}


#menu a:hover, #action a:hover { color:#0033CC }

#action
{
    position: absolute;
    top: 300px;
    left: 600px;
    display: block;
    width:220px;
    padding-right: 8px;
    border: 2px solid red;
}


/*--------------------------------------------------------------------------*/
#regular-page
{
    margin: 0 auto;
    padding: 0;
    width: 800px;
    display: block;
    border: 1px solid blue;
    position: relative;
}

/* http://matthewjamestaylor.com/centered-menus/ */
#navmenu {
    clear:left;
    float:left;
    width:100%;
    background:#000;
    overflow:hidden;
}
#navmenu ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
#navmenu ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    right:50%;
}
#navmenu ul li.first {
/* border-left:1px solid #49A9FF; */
}
#navmenu ul li.last {
/* border-right:1px solid #99D8FF; */
}
#navmenu ul li a {
    display:block;
    margin:0;
    color: #77BBFF;
    text-decoration:none;
    font-weight: bold;
}

#navmenu.defsize ul li a 
{
    padding:.3em 1.5em;
}

#navmenu.medium_items ul li a 
{
    padding:.3em 1.0em !important;
}

#navmenu.small_items ul li a 
{
    padding:.3em .5em !important;
}

#navmenu.smallsize ul li a 
{
    padding:.3em 0.75em;
}


#navmenu ul li a:hover {
    color: white;
    background:url(/images/bigbutton.jpg);
}
#navmenu ul li a span {
    display:block;
}

#navmenu ul li.current_entry
{
    background:url(/images/bigbutton.jpg); 
    background-position: 0px -70px;
    background-repeat: repeat-x;
}

#navmenu ul li.current_entry a,
#navmenu ul li.current_entry a:hover
{
    color: white;
}

/* --------------------- */

ul#bmenu li
{
    border-left: 1px solid #a0a0ff;
    padding-left: 8px;
    padding-right: 4px;
}

/* --------------------- */

div.thumb-gallery
{
}

div.thumb-gallery ul 
{
    clear: left;
    text-align: center;
    width: 100%;
    float: left;
    list-style:none;
    position: relative;
    padding: 0;
}

div.thumb-gallery ul li 
{
    display:inline-block;
    margin:8px;
    position: relative;
}

#header
{
    display: block;
    background-image:url(/images/header.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
    height: 160px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

#header-text
{
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    /*        font-style: italic;*/
    color: #77BBFF;
    position: absolute;
    bottom: 1px;
    right: 10px;
    padding-right: 5px;
    text-align: right;
}

#breadcrumb
{
    text-align: right;
    padding: 8px 8px 0 0;
}

#breadcrumb a,
#breadcrumb span
{
    font-style: italic;
    /* color: #77bbff !important; */
    color: #77bbff !important;
    font-size: 18px;
}

#breadcrumb a:hover
{
    /* font-weight: bold; */
    text-decoration: underline;
    color: white !important;
}



#col1, #col2, .colfull, .colleft, .colright
{
    padding: 10px 7px 10px 7px;
}

#col1
{
    float: left;
    width: 170px;
    font-size: 24px;
    font-style: italic;
}

#col2
{
    float: right;
    width: 600px;
    border-left: 1px solid #0000FF;
}

.colfull
{
    float: left;
    width: 770px;
}

.colleft
{
    float: left;
    width: 47%;
}

.colright
{
    float: right;
    width: 47%;
}

#bmenu
{
    color: #77BBFF;
    text-align: center;
    font-size: 10px;
    clear: both;
    list-style-type: none;
    margin-bottom: 2px;
    padding: 0;
}

#bmenu li
{
    display: inline;
}

#footer
{
    color: #77BBFF;
    text-align: center;
    font-size: 10px;
    clear: both;
    margin-top: 0px;
    padding-left: 2px;
    padding-bottom: 2px;
}

#footer a:link {color: #0099FF}
#footer a:visited {color: #0099FF}
#footer a:hover {color: #0033CC}


.light-grey
{
    color: #666666
}


/*------ User Manual ------------------------------------------------------*/

#manual h1
{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
    font-size: 22px;
    background: #bfffbf;
    text-align: center;
}

#manual h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    background: #bfffff;
}

#manual
{
    padding: 0;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
    font-size: medium;
    width: 570px;
}

/*------ Comparison Page --------------------------------------------------*/

table.compare_table
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.compare
{
    border-bottom: 1px solid #b0b0ff;
    margin-bottom: 48px;
}

.comparison_note
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    color: #800000;
}


/* .decomp_compare */
/* { */
/*     position: relative; */
/* } */


/* .decomp_compare table.cmptext */
/* { */
/*     position: absolute; */
/*     left:0; */
/*     top:0; */
/* } */


.cmphdr
{
    font-size: 22px;
    text-align: center;
    padding: 10px 7px 10px 7px;
}

.cmptext
{
    white-space: pre;
    font-family: FixedSys, Courier, Monospace;
    font-size: x-small;
    color: blue;
    background: white;
}

.cmpasm
{
    background: #DDEEFF;
}

.cmpc
{
    background: #EEFFEE;
}

.cmptell
{
    padding: 10px 7px 10px 7px;
    clear: both;
    font-size: small;
    margin-left: 15%;
    margin-right: 15%;
}


/* Pricing */
table.price 
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
    background-color: #f4f4ff;
    border: 1px solid #e0e0e8;
}

table.price th
{
    font-size: larger;
}

table.price td
{
    white-space: nowrap;
}

table.price td.license-type
{
    font-weight: bold;
}


/*  */

div.note
{
    background-color: #e8f4ff;
    border: 1px solid #77aaff;
    margin: 6px 6px 6px 75px;
    border-radius: 8px;
    padding: 6px 10px 6px 40px;
    display: inline-block;
    background-image: url(/products/ida/pix/info.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}


/* Site map */

table.site-map
{
    width: 100%;
    border-collapse: collapse;
}


table.site-map td
{
    vertical-align: top;
    width: 50%;
}


table.site-map td div.section
{
    border: 1px solid #3366CC;
    padding: 12px;
    margin: 14px;
    border-radius: 15px;
}


table.site-map td div.section ul
{
    margin-left: 12px;
    margin-right: 12px;
}


table.site-map td div.section div.title
{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}


table.site-map td div.section div.title a
{
    color: #3366CC;
}


table.site-map td div.section ul
{
    list-decoration: none;
    list-style: outside url(/images/site_map_entry.gif);
    padding-left: 10px;
}


table.site-map td div.section ul li
{
    margin-top: 3px;
    margin-bottom: 3px;
}


table.site-map td div.section ul ul
{
    list-style: outside url(/images/site_map_tree.gif);
    padding-left: 32px;
}

table.img-with-legend
{
    padding: 12px;
}

table.img-with-legend div
{
    text-align: right;
}

ul.changelist,
ul.changelist ul.category
{
    list-style-type: none;
    padding-left: 12px;
}