/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption {
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   font-size: 100%;
   margin: 0;
   outline: 0 none;
   padding: 0; 
   vertical-align: baseline;
}
* {
   font-family: Helvetica, "lucida grande","Segoe UI",arial,verdana,sans-serif;
   text-rendering: optimizeLegibility;

}
body {
   background-color: white;
   color: black; 
   font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 16px;  
   letter-spacing: normal;
   text-align: left;
   word-spacing: normal;
   white-space: normal;
   /*
   width: auto;
   */
   padding:0;
   margin:0;
   width: 100vw;
   height: 100vh;
 }
em {
   background: none repeat scroll 0 0 #FFFFAA;
   font-style: normal;
}
div.masthead {
   background-color: white;
   color: black;  
   margin-left: 10px;
   margin-top: 1%;
   width: 51.0em; 
  /* height: 12%; */
   min-height: 110px;
   display: block;
   top: 1px;
   float: top;   
}

div.maintext {
	position: relative;
	width: 51.0em; 
    height: 85%; 
   display: inline;
	overflow:hidden;
   line-height: 1.5em;
/*	padding-bottom: 32px; */
}
div.bottomline {
   z-index:1;
	overflow: hidden;
 	font-size: 0.75em; /* 70%; */
	font-style: normal;
	font-weight: normal;
   text-align: left;
   padding-left: 1%;
   padding-right: 1%;  
   padding-bottom: 1px;
	width: 98%;
	height: 32px;
	margin-top: 1px;
   margin-bottom: 1px;
   float: left;
   position: fixed;
   left:3px;
   top:95%;
   clear: both;
 }
div.main {
   position: relative;
   min-height: 100%;
   overflow: auto;
   padding-bottom: 32px;
}

div#maincontent {
    position: absolute;
    float: none;
    clear: both;
    margin-top: 170px;
    left: 0px;
    height: 72%;	
    overflow: auto;
    overflow-x: hidden;    	
   line-height: 1.5em;
}
div#maincontentdemo {
    float: none;
    clear: both;
    margin-top: 170px;
    left: 0px;
    height: 72%;	
    overflow: auto;
    overflow-x: hidden;    	
   line-height: 1.5em;
}
div.pricetable {
   overflow: scroll; 
   height:50%;
}
div.myfooter {
   position: relative;
   margin-top: -32px; 
   font-family: "Times New Roman",sans-serif;
   font-size: 70%;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   padding-left: 1%;
   padding-right: 1%;  
   padding-bottom: 1px;
   margin-bottom: 1px;
   clear:both;
   width: 61.0em;
} 
*/
div.myfooter
   position: fixed;
   left: 10px;
   bottom: 0;
   /* height: 32px; */
   background-color: white;
   width: 700px;
   font-family: "Times New Roman",sans-serif;
   font-size: 85%;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   padding-left: 1%;
   padding-right: 1%;  
   padding-bottom: 1px;
   margin-bottom: 1px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

img { 
   border-style: none;
   background-color: white;
   text-decoration: none;
}

/* link styles. make sure the hover is after the main ones and active is after hover */
a.navout:link { 
   background-color: white;
   color:blue;
   border: 0;
   text-decoration: none;
}
a.navout:visited {
   background-color: white;
   color: purple; 
   border: 0;
   text-decoration: none;
}

/* now the table styles */
table.header {
	border: 1px solid black;
	width: 51em;
	height: 100px;
	padding: 0;
}
table.mainlayout {
   width: 52.0em;
   height: auto; /*38.0em;*/
   border-collapse: collapse;
   border-spacing: 0;
 /*  font-size: medium; */
  /* overflow: auto; */
   word-wrap: normal;
   clear: both;
   line-height: 1.5em;
}
tr {
   text-align: left;
   vertical-align: top;
}
td {
   padding: 3px;
}
td.buttons {
   border: none;
   background-color: white;
   width: 18%;
   height: auto;
   vertical-align: top;
   padding-top: 10px;
   padding-left: 10px;
}
div#planexplanation {
   padding-left: 1.5em;
}
ul#planinfo {
   margin: 0.5em;
   padding-left: 1.5em;
   list-style-position: outside;
   list-style-type: circle;
}
li.plandetail {
   font-size: 1.0em;
   line-height: 1.4em;
}

div#screenshotcontainer {
   margin-left: 10px;
   width: 51em;
}
.mybutton {
    font-family: 'Helvetica'; 
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 1.0em;
    line-height: 2.6em;
    padding: 4px 12px 4px;
    text-align: center;

  /*  background: url("/images/bgblue.png") repeat-x scroll 0px top transparent; */
    background-color: rgb(0,173,238); 
    color: #FFF !important; 
    background:-moz-linear-gradient(center top,rgb(0, 173, 238), rgb(0, 120, 165)) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,173,238)), to(rgb(0,120,165)));   /* from(#1570A6), to(#10537B)); */
    background:-webkit-linear-gradient(top, rgb(0, 173, 238), rgb(0, 120, 165));
    background:-ms-linear-gradient(top, rgb(0, 173, 238), rgb(0, 120, 165));
    background:-o-linear-gradient(top, rgb(0, 173, 238), rgb(0, 120, 165));
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border: 1px solid rgb(20, 89, 155);
  /*  text-shadow: 0px -1px 0px rgb(0, 116, 209); */
    box-shadow: 1px 1px 1px rgb(0, 116, 209);
    cursor: pointer;

}

a.mybutton {  /* IE needs this background color */
    background-color: rgb(0,173,238); /* #1570A6;  */
    color: #FFF !important; 
}

.mybutton:hover, .mybutton:active .mybutton:focus {
/*    background-position: 0px -106px; */
  /*  background: url("/images/bgbluedark.png") repeat-x scroll 0px top transparent; *//*#5B9D25;*/
/*   background-color: #006E98; */ /* #10537B; */ 
    color: yellow !important;
}

a {
   text-decoration: none;
}


td.explanation {
   font-size: 100%;
   vertical-align: top;
   padding-top: 10px;
   padding-left: 15px;
   padding-bottom: 10px;
   word-wrap: normal;
   line-height: 1.5em;
   
/*   border-bottom: 1px solid lightgray; */
}   
td.logo {
   width: 26em;
   height: 88px;
   border: none;
   /*border-right-style: none;  */
   background-image: url('/images/ida.png');
   background-repeat: no-repeat;
   z-index: 1;
}
/* we need a transparent box to make it look like the logo is clickable */
a.magiclink { 
	position: absolute; 
	top: 15px; 
	left: 15px; 
	width: 300px; 
	height: 90px; 
	background-color: transparent; 
	border: none;     
}
td.flag {
   border-left: 1px solid black;
   padding-left: 1px; 
   margin-left: 1px;
   margin-right: 1px;
   width: 8.0em;
}

td.creditcard {
   border-left: none;
   padding-left: 5px; 
   margin-left: 10px;
   margin-right: 1px;
   width: 110px;
   height: 88px;
}
img.flag {
   margin-top: 5px;
   margin-left: 1px;
   padding-left: 1px;
   padding-right: 1px;
}
img.ccimg {
   width: 80px;
   height: 52px;
   margin-top: 5px;
   margin-right: 5px;
   padding-left: 10px;
}
td.QR {
   background-color: transparent; 
   border: none;
   padding-left: 0px; 
   margin-left: 0px;
   margin-right: 1px;
   width: 60px;
   height: 60px;
}

pre, code {
	white-space: pre-wrap;       /* css-3 */
   font-size: 11px;
}
h1 {
	font-size: 1.5em; /* 24px / 16 = 1.5em  1em=16px */
	margin-top: 0.5em;
	margin-left: 0.1em;
}
h2 {
	font-weight: 400;
	font-size: 2em;
}
h3 {
	font-weight: 200;
	font-size: 1.7em;
}
h4 {
	font-weight: 100;
	font-size: 1.4em;
}
h5 {
	font-weight: 100;	
	font-size: 1.2em;
	color: navy;
}

/* contact form styles */
br { 
   clear: left; 
}
div.toptext {
   width: 51em;
   margin-left: 0.65em;
}
table.contactus {
   border: 2px inset #8B8378;  
   border-color : #000000;
   border-collapse: separate;
   font-size: 1.0em; /* 90%; */
   border-spacing: 0;
   margin-left: 10px;   
}

tr.headerida th { 
   font-weight: bold;
   color: blue; 
   background-color: #FCF6CF; 
   padding-left: 2px; 
   border-color: #009; 
}
tr.headerhr th { 
   font-weight: bold;
   color: blue; 
   background-color: #FCF6CF; 
   padding-left: 2px; 
   border-color: #009; 
}
 
label {
   font-weight: bold;
/*   margin: 5px;  
   width: 6.5em;*/
   float: left;
   text-align: left;
   display: inline;
}
.sixfiveem {
   width: 6.5em;
}
th.plainlook { 
   font-weight: bold;
   font-size: 0.8em;
   padding-left: 3px; 
   padding-right: 3px; 
   border-bottom: solid 1px black;
   border-right: solid 1px black;
}
caption.insidetable {
   padding-bottom: 8px;
   text-align: left;
   border-bottom: solid 1px black;
}
table#demodownloads {
   border-bottom: none; 
   font-size: 1.1em;
   /* width: 35em; */
}
thead.demodn {
   background: lightblue;
}
tr#icons {
   padding-top: 18px;
   text-align: center;
}
tr#icons img:hover {
   background-color: yellow;
}
label.error {
   font-weight: bold;
   color: red;
   width: 6.6em;
   float: left;
   text-align: left;
   display: block;
   margin: 5px; 
}   
label.requirednoerr {
   font-weight: bold;
   color: blue;
   width: 6.6em;
   float: left;
   text-align: left;
   display: block;
   margin: 5px;    
}
input.error { 
   background-color: #FCF6CF; 
   color: red; 
   border: 1px solid #f00; 
}
      
.green {
   width:100%;
   background-color:#95ca78;
   border-bottom:solid 1px #8AA000;
   padding:10px 0px 10px 5px;
   margin-bottom: 8px;
   font-weight:bold;
   text-align:left;
        }
.red {
   color:#E8514A;
   font-weight:bold;
}          
      
legend {
   color: #fff;
   font-size: 1.1em; /* 18px; */
   font-weight: bold;
   background: #8B8378; 
   border: 2px solid #781351;
   padding: 5px 6px;
   margin-left: 10px;
   text-align: center;
}   
legend.loginform {
   color: #fff;
   font-size: 1.1em; /* 18px; */
   font-weight: bold;
   background: #8B8378; 
   border: 2px solid #781351;
   padding: 5px 6px;
   margin-left: 10px;
   text-align: center;
}   

.button {
   background: #ccf;
   font-family: Helvetica;
   font-size: 1.1em; /* 18px; */
   font-weight: bold; 
   margin-left: 12em;
   width: 115px;
   height: 40px;
}
.button:hover {
   background: #eef;
   margin-left: 12em;
   font-family: Helvetica;
   font-size: 1.1em; /* 18px; */
   font-weight: bold; 
   border: 2px outset #d7b9c9;
   cursor:pointer;
   border:outset 2px #ccc;
   padding: 1px 2px;
   overflow: hidden;
}

fieldset {
   border: 3px solid #781351;
   margin-left: 10px;
   width: 50em
}
fieldset.contactusbox {
   border: 3px solid #781351;
   margin-left: 0.6em;
   margin-right: 0.6em;
   width: 44.0em;
}

fieldset div {
	clear: both;
	position: relative;
}

form.contact {
   background: #e0e0e0; 
   color: #000; 
   border: solid #060 2px; 
   margin:0.4em;
   width: 46em;
}
div.contactform {

}
div.field_container {
   padding: 5px;
   width: 48em;
}
img.captchapic {
   background: #e0e0e0;
   padding-left: 1px;
   border: none;
}
form.login {
   background: #e0e0e0; 
   color: #000; 
   border: solid #060 2px; 
   margin-left: 1%;
   width: 44em;
}
div.newuser {
   margin-left: 1%;
}
fieldset.loginbox {
   border: 3px solid #781351;
   margin-left: 10px;
   width: 42em;
}
form.quotegen {
   background: #e0e0e0; 
   color: #000; 
   border: solid #060 2px; 
   margin:5px;
   width: 52em;
}
fieldset.quotegenbox {
   border: 3px solid #781351;
   margin-left: 10px;
   width: 50em;
}
div.myindent {
   text-indent:50px;
}
/* table styles */
div.pricelist {
   font-family: Arial Narrow, Helvetica;
   font-weight: normal;
   font-size: 1.0em;
   margin-left: 10px;
   width:  auto; 
}
td.topHeader { 
   border-bottom: 2px solid #6699CC;
   border-left: 1px solid #6699CC;
   background-color: #55AAFD;
   text-align: center;
   text-indent: 5px;
   height: 30px;
   font-weight: bold;
   font-size: 16px;
   color: #FFFF33;
}
th.colNames  { 
   border-bottom: 2px solid #6699CC;
   border-left: 1px solid #6699CC;
   background-color: lightgray;
   text-align: left;
   text-indent: 3px;
   height: 22px; 
   font-weight: bold;
   font-size: 1.0em;
   white-space: nowrap;
}
th.prodcolumn {
   width: 17.5em;
}
td.cell { 
   text-align: left;
   text-indent: 1px;
   font-weight: normal;
   color: #404040; 
}
td.skucell { 
   text-align: left;
   text-indent: 1px;
   font-weight: normal;
   color: #404040; 
   width: 7.5em;
}
td.pricecell {
   font-family: Consolas, arial;
   font-weight: bold;
   text-align: left;
   text-indent: 1px;
   width:  3.5em;
}
td.numbercell {
   border-right: 1px solid;
}
td.grpname {   
   font-weight: normal; /* bold;    */
}
tr.CommonRow {
   border-bottom: 1px solid #9CF;
   border-top: 0px;
   border-left: 1px solid #9CF;
   border-right: 0px;
   text-align: left;
   vertical-align: middle;
   text-indent: 3px;
   height: 25px;
   font-size: 95%;
   font-weight: normal;
}
tr.rowShaded {
   background-color: #f0fbf0;
}
tr.rowPlain {
   background-color: #fff;
}
table.pricesT { 
   font-family: Helvetica, sans-serif;
   font-size: 0.9em;
  /* margin-left: 10px; */
   text-align: left;
   /* padding: 2px; */
   color: #404040;
   width: 57.2em; 
   background-color: white; 
   border: 1px #6699CC solid;
   border-collapse: collapse;
   /* border-spacing: 2px;  */
   vertical-align: middle;
   line-height: 1.5em;
} 
table.CommonTable { 
   margin-left: 10px;
   text-align: left;
   padding: 5px;
   font-weight: normal;
   color: #404040;
   width: 46em;
   background-color: white; 
   border: 1px #6699CC solid;
   border-collapse: collapse;
   border-spacing: 2px; 
   line-height:20px;
   vertical-align: middle;
} 
table.ordersT { 
   font-family: Helvetica, sans-serif;
  /* margin-left: 10px; */
   text-align: left;
   padding: 5px;
   font-weight: normal;
   color: #404040;
   width: 51em;
   background-color: white; 
   border: 1px #6699CC solid;
   border-collapse: collapse;
   border-spacing: 2px; 
   line-height:20px;
   vertical-align: middle;
} 
div.orderforms {
   font-family: Helvetica,Tahoma,Verdana;
   font-weight: normal;
   font-size: 0.9em;
   background-color: white; 
   color: black;
   margin-left: 10px;
   width: 50em;
   line-height:20px;
   vertical-align: middle;
}


#navcontainer {
   width: 51em;
   float: left;
   margin-left: 10px;
   color: white;
   background-color: #146990; /* #1570A6; */

/*   background: url("/images/bgblue.png") repeat-x scroll 0px top transparent; */
/*   background-color: #52AEF8; */
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
   margin: 0;
/*   padding: 0% 0% 0% 7%; */
   padding-left: 0.8em;
   color: #FFFFFF;
   background-color: #146990;
   font-size: 1.0em;
   letter-spacing: 1px;
   font-weight: bold;
/*   height: 2.0em; */
}

#navcontainer ul li a {
   font-family: Helvetica;
 /*  height: 1.30em; */
   padding: 0.2em 1.0em;
   color: #FFF;
   background-color: #146990;
   text-decoration: none;
   float: left;
   border-right: 1px solid lightgray; 
}

#navcontainer ul li a#co {
   border-right: none; 
}

#navcontainer ul li a:hover {
   background-color: #10537B;
   text-decoration: none;
   color: yellow;  
}

#navlist li a:hover, #navlist li a:active {
   text-decoration: none;  
   background-color: #10537B;
   text-align: left;
}

table#evalinfo {
   width: 41.0em;
   border-collapse: collapse;
   border-spacing: 0;
   font-size: medium;
   overflow: auto;
   word-wrap: normal;
   margin-left: 20px;
}
ul#demolimits {

  list-style-type: circle; 
  margin-left:0em; 
  padding-left:0.2em; 
  margin-bottom:1em; 
}

li.demolimititem  {

  background:url(/images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
  list-style-type: circle; 
  padding-left: 0.8em; 
  list-style: none; 
}
div#bottomarea {
   padding-left: 1.0em;
   padding-top: 1.0em;
}
p.infoline {
   padding-left: 20px;
   padding-bottom: 20px;
}
div#licenserules {
   font-family: Helvetica, sans-serif;
   margin-left: 2.0em;
   width: auto;
}
div#myhiddendiv {
   visibility: hidden;
   display: none;
}
img#hiddenimg {
   visibility:hidden;
  /* display: none; */
}
span.mylabel {
   font-weight: bold;
   color: #000;
}
/*
.textbox:focus {
	background-color:#F0FFE6;
}
*/
div#rulesexplanation {
   width: 51.0em;
}
div#includedContent {
   width: 51.0em;
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 500;
}
li.explanationblock {
   margin-bottom: 1.0em;
}
span.floatinglic {
   color: orange;   
}
span.complic {
   color: magenta;   
}
div.colfull {
   font-size: 0.85em;
   margin-left: 10px;
   padding-left: 10px;
}
ul.changelist {
   
}
ul.category {

}

div.pagefooter {
   position: fixed; 
   left: 0;
   bottom: 0;
   background-color: white;
   width: 60em;
   font-size: 85%;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   padding-left: 1%;
   padding-right: 1%;  
   padding-bottom: 1px;
   margin-bottom: 1px;    
}