html, body {
  height:           100%;
  margin:           0px;
  padding:          0px;
  background-color: #f9fffd;
  min-width:        780px;
}

a:link {
  color:           	#33c;
}
a:visited {
  color:           	#006;
}
a:hover {
  color:           	#33f;
}
a:active {
  color:           	#f00;
}
a.anchor:link, a.anchor:visited, a.anchor:hover, a.anchor:active, a.anchor:link:hover {
  color:  #000;
}

a.arrow {
  color:               #009;
  text-decoration:     none;
  font-family:         arial;
  font-weight:         bold;
  background-image:    url(img/arrow-1-lo.jpg);
  background-repeat:   no-repeat;
  background-position: right;
  padding-right:       30px;
  border:              none;
}
a.arrow:visited {
  color:               #009;
}
a.arrow:hover {
  color:               #00f;
  text-decoration:     none;
  background-image:    url(img/arrow-1-hi.jpg);
  background-repeat:   no-repeat;
  background-position: right;
}
a.arrow:active {
  color:               #f00;
  text-decoration:     none;
}

a.prodnav {
  font-size:           0.8em;
  color:               #009;
  text-decoration:     none;
  font-family:         arial;
  font-weight:         bold;
  line-height:         1.7em;
  border:              none;
}
a.prodnav:visited {
  color:               #009;
}
a.prodnav:hover {
  color:               #00f;
  text-decoration:     none;
}
a.prodnav:active {
  color:               #f00;
  text-decoration:     none;
}

a.dwlink {
  font-size:    2em;
  font-family:  courier,monospace;
  font-weight:  bold;
  font-variant: small-caps
}

span.button {
  margin:           3px;
  background-color: #fafaff;
  border:           1px solid #ddd;
  padding:          2px;
  font-family:      Arial;
  font-size:        0.7em;
  letter-spacing:   0.1em;
}

span.button img {
  position: relative;
  top:      2px;
}

span.download {
  font-family:      "Courier New";
  font-size:        0.7em;
}

a.anchor {
  text-decoration: none;
}

a img {
  border: none;
}


b.point {
  color: red;
  font-size:       1.3em;
  font-family:     Arial, sans-serif;
  font-weight:     bold;
  line-height:     1.6em;
  letter-spacing:  0.1em; 
}


h1 {
  font-size:       1.5em;
  font-family:     Arial, sans-serif;
  font-weight:     bold;
  letter-spacing:  0.2em; 
}
h2 {
  margin-top:      2em;
  font-size:       1.3em;
  font-family:     Arial, sans-serif;
  font-weight:     bold;
  letter-spacing:  0.1em; 
}
h3 {
  margin-top:      30px;
  margin-bottom:   5px;
  font-size:       1.1em;
  font-family:     Arial, sans-serif;
  font-weight:     bold;
  font-style:      italic;
}

h2 a {
  text-decoration: none;
}

h2.prodhead {
  text-align:      right;
  font-size:       1.3em;
  font-family:     arial;
  font-weight:     bold;
  letter-spacing:  0.1em; 
  border-bottom:   1px solid #999;
}

p { 
  font-size:      0.9em;
  line-height:    1.5em; 
  font-family:    Arial, sans-serif;
}

p.introbig {
  margin:      0px 0px 10px 0px;
  font-size:   1.3em;
  line-height: 1.4em;
  color:       #c66;
  font-weight: bold;
}


p.introtop {
  margin:      0px 0px 10px 0px;
  font-size:   2.0em;
  line-height: 1.4em;
  color:       #f00;
  font-weight: bold;
  text-align:  center;
}


p.introbig {
  margin:      0px 0px 10px 0px;
  font-size:   1.3em;
  line-height: 1.4em;
  font-weight: bold;
  color:       #c66;
}

p.introsub {
  margin:      0px 0px 10px 0px;
  font-size:   0.8em;
  line-height: 1.3em;
  color:       #66c;
  font-weight: bold;
  width:       500px;
  text-align   center;
}

p.lonote {
  margin:      0px 0px 10px 0px;
  font-size:   0.9em;
  line-height: 1.4em;
  color:       #6b6;
  font-weight: bold;
}

p.chat { 
  font-size:      0.8em;
  line-height:    1.2em; 
}


img {
  border: none;
}

img.prodimg {
  border:        none;
  float:         left;
  clear:         left;
  margin-right:  10px;
  margin-bottom: 5px;
}

img.feature {
  position:      relative;
  top:           -2px;
  left:          -2px;
  border:        2px solid #ccc;
  margin:        0px;
  padding:       0px;
}


ul {
  padding:        0px;
  margin-left:    20px;
  font-family:   	"Times New Roman", serif;
  list-style:     none;
}
ul li {
  line-height:    1.2em; 
  font-family:   	"Times New Roman", serif;
  padding:        0px;
}

ul.points {
  padding:          0px;
  margin-top:       10px;
  margin-left:      20px;
  list-style-image: url(img/b01.gif);
}
ul.points li {
  font-size:      0.9em;
  line-height:    1.5em; 
  font-family:    Arial, sans-serif;
  padding:        0px;
  margin-top:     2px;
}

ul.hilite {
  line-height:    1.2em; 
  padding:        0px;
  margin-left:    20px;
  font-family:   	"Times New Roman", serif;
  list-style:     none;
}
ul.hilite li {
  line-height:    1.2em; 
  font-family:   	"Times New Roman", serif;
  letter-spacing: 0.05em; 
  padding:        0px;
}

ul.linklist {
  padding:        0px;
  margin-left:    0px;
  list-style:     none;
}
ul.linklist li {
  font-family:   	"Times New Roman", serif;
  letter-spacing: 0.08em; 
  padding:        0px;
  margin-left:    0px;
}
ul.sidebarnav {
  width:           138px;
  list-style:      none;
  margin-left:     4px;
  margin-top:      0px;
  padding:         0px;
  border-top:      1px solid #000;
  border-left:     1px solid #000;
  border-right:    1px solid #000;
  z-index:         1;
}
ul.sidebarnav li {
  margin:          0px;
  padding:         0px;  
  border:          none;
}

ul.sidebarnav a {
  display:         block;
  margin:          0px;
  padding-top:     0px;
  padding-bottom:  0px;
  padding-left:    4px;
  padding-right:   4px;
  font-family:     Arial, sans-serif;
  font-size:       0.8em;
  font-variant:    small-caps;
  letter-spacing:  0.1em;
  text-decoration: none;
  color:           #00f;
  border-top:      0px;
  border-left:     0px;
  border-bottom:   1px solid #000;
  width:           130px;
}
html>body #button li a {
	width: auto;
}
ul.sidebarnav a:hover {
  background-color: #eef;
  text-decoration:  none;
}

ul.sidebarnav a.hsidenav {
  display:         block;
  margin:          0px;
  padding-top:     0px;
  padding-bottom:  0px;
  padding-left:    4px;
  padding-right:   4px;
  font-family:     Arial, sans-serif;
  font-size:       0.8em;
  font-variant:    small-caps;
  letter-spacing:  0.1em;
  text-decoration: none;
  color:           #00f;
  border-top:      0px;
  border-left:     0px;
  border-bottom:   1px solid #000;
  width:           130px;
  background-color: #ded;
}
html>body #button li a.hsidenav {
	width: auto;
}
ul.sidebarnav a.hsidenav:hover {
  background-color: #eef;
  text-decoration:  none;
}

ul.samples {
  margin: 0px;
  margin-top: 10px;
}

ul.samples li {
  padding: 5px;
  display: inline;
}

ul.samples a {
  border:          1px solid #000;
  padding:         5px;
  background:      #eee; 
  text-decoration: none;
  font-family:     Arial, sans-serif;
}

ul.samples a:hover {
  background:      #fff; 
}


ul.payments {
  width:           138px;
  list-style:      none;
  margin-left:     4px;
  margin-top:      0px;
  padding:         0px;
  border:          0px;
  z-index:         1;
}
ul.payments li {
  margin:          0px;
  padding:         0px;  
  border:          none;
}

ul.biglinks {
  padding: 0px;
  margin:  10px 0px 0px 0px;
}

ul.biglinks li {
  padding: 5px;
}



ul.intro {
  padding: 0px;
  margin:  0px;
}
ul.intro li {
  padding: 0px;
  margin:  0px;
}
ul.intro li p.step {
  margin:  -10px 5px 0px 0px;
  float:   left;
  font:    italic normal bold 3em Verdana, sans serif;
  color:   #ddd;
}
ul.intro li p.text {
  margin:           0px 0px 10px 60px;
  padding:          5px;
  font:             normal normal normal 0.9em Verdana, sans serif;
  background-color: #e0f8e0;
}
ul.intro li p.text code {
  display:          block;
  color:            #008;
  background-color: #fcfcfc;
  margin:           0px;
  padding:          2px;
}

/*
dl dt {
  line-height:    1.2em; 
  font-family:   	"Arial", sans serif;
  padding:        0px;
  margin:         0px 0px 10px 0px;
}
dl dt a {
  line-height:    1.2em; 
  font-family:   	"Arial", sans serif;
}

dl dd {
  font-family:   	"Arial", sans serif;
  margin:         0px 0px 20px 20px;
}
*/

dl dt { 
  line-height:    1.4em; 
  font-family:   	"Times New Roman", serif;
  letter-spacing: 0.05em; 
}

dl dd { 
  line-height:    1.4em; 
  font-family:   	"Times New Roman", serif;
  letter-spacing: 0.05em; 
}
dl.featurelist dt { 
  padding-top:    10px;
  font-family:   	"Times New Roman", serif;
  font-weight:    bold;
  letter-spacing: 0.08em; 
  border-bottom:  1px dotted #999;
}

dl.featurelist dd { 
  font-family:   	"Times New Roman", serif;
}
dl.faq dt.question { 
  width:          100%;
  margin-top:     30px;
  float:          left; 
  font-family:   	"Times New Roman", serif;
  font-weight:    bold;
  border-top:     1px dotted #999;
}
dl.faq dd.answer { 
  display:        block;
  margin-left:    0px;
  font-family:    Arial, sans-serif;
  font-size:      0.9em;
}
dl.faq dt.question span.faqattr { 
  display:       block;
  float:         right;
  font-style:    italic;
  font-size:     0.8em;
}

dl.customer {
  margin-right:  4px;
}

dl.customer dt {
  font-family:    "Arial", serif;
  font-style:     italic;
  font-size:      0.8em;
  letter-spacing: 0.1em;
  padding-right:  5px;
  margin-bottom:  0px;
}
dl.customer dd {
  font-family:   "Times New Roman", serif;
  font-size:     0.8em;
  text-align:    right;
  margin-top:    0px;
  margin-bottom: 30px;
  margin-right:  4px;
  padding-right:  5px;
}

dl.code dt {
  line-height:    1em; 
  font-family:   	"Courier New", monospaced;
  font-size:      0.9em;
  padding:        0px;
  margin:         0px 0px 2px 0px;
}
dl.code dd {
  font-family:   	"Arial", sans serif;
  font-size:      0.9em;
  margin:         0px 0px 10px 20px;
}



p.chars {
  background-color: #f2f2f2;
  border:           1px dashed #909;
  padding:          4px;
  font-family:      "Courier New";
  line-height:      1.2em;
  font-size:        12px;
}


code.chars {
  background-color: #f2f2f2;
  border:           1px dashed #909;
  padding:          2px;
}

pre.chars {
  background-color: #f2f2f2;
  border:           1px dashed #909;
  padding:          4px;
}

input {
  border-left:      1px solid #ccc;
  border-top:       1px solid #ccc;
  border-right:     1px solid #999;
  border-bottom:    1px solid #999;
  padding:          2px;
  font-family:      "Courier New";
  font-size:        0.8em;
  color:            #000;
  background-color: #fafafa;
}

span.input {
  display:          block;
  border-left:      1px solid #ccc;
  border-top:       1px solid #ccc;
  border-right:     1px solid #999;
  border-bottom:    1px solid #999;
  padding:          3px;
  color:            #000;
  background-color: #fafafa;
}

textarea {
  border-left:      1px solid #ccc;
  border-top:       1px solid #ccc;
  border-right:     1px solid #999;
  border-bottom:    1px solid #999;
  color:            #000;
  background-color: #fafafa;
  padding:          2px;
}


table.buytable {
  width:               560px;
  border-top:          1px solid #787;
  border-left:         1px solid #787;
  border-bottom:       none;
  border-right:        none;
  border-collapse:     collapse;
}

table.buytable td {
  font-family:         arial;
}


tr.headrow td {
  background-color:    #ded;
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  font-weight:         bold;
  font-family:         arial;
  padding:             3px;
}

tr.itemrow td {
  background-color:    #eef;
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  padding:             3px;
}

tr.totalrow td {
  background-color:    #eef;
  border-top:          2px solid #787;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  padding:             3px;
}


table.warn td {
  background-color:    #fee;
  border:              1px solid #787;
  font-weight:         bold;
  font-family:         arial;
  padding:             3px;
}

table.info td {
  background-color:    #eef;
  border:              1px solid #787;
  font-weight:         bold;
  font-family:         arial;
  padding:             3px;
}


table.input {
  border:              1px solid #787;
  background-color:    #eef;
  border-collapse:     collapse;
}

table.input th {
  padding:          4px;
  background-color: #ded;
  font-variant:     small-caps;
  font-family:      Arial;
  font-size:        0.8em;
  letter-spacing:   0.2em;
  text-align:       left;
}

table.input td {
  padding:          4px;
  vertical-align:   top;
  font-family:      Arial;
}

table.input label {
  display:              block;
  font-variant:         small-caps;
  font-family:          Arial;
  font-size:            0.8em;
  letter-spacing:       0.2em;
}

table.input code {
  display:              block;
  font-family:          "Courier New";
  color:                #000;
  background-color:     #fafaff;
  padding-left:         3px;
  padding-right:        3px;
}


table.input td.label {
  font-variant:         small-caps;
  font-family:          Arial;
  font-size:            0.8em;
  letter-spacing:       0.2em;
}

table.input td.data {
  font-family:          "Courier New";
  font-size:            0.8em;
}


table.data {
  border-top:          1px solid #787;
  border-left:         1px solid #787;
  border-bottom:       none;
  border-right:        none;
  border-collapse:     collapse;
}

table.data th {
  background-color:    #ded;
  border-top:          none;
  border-left:         none;
  border-bottom:       2px solid #787;
  border-right:        1px solid #787;
  text-align:          right;
  padding:             4px;
  font-family:         Arial;
  font-size:           0.8em;
  vertical-align:      top;
}

table.data th.row {
  background-color:    #ded;
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  text-align:          right;
  padding:             4px;
  font-family:         Arial;
  font-size:           0.8em;
  xletter-spacing:      0.2em;
  vertical-align:      middle;
}

table.data th.text {
  background-color:    #ded;
  border-top:          none;
  border-left:         none;
  border-bottom:       2px solid #787;
  border-right:        1px solid #787;
  text-align:          left;
  padding:             4px;
  font-family:         Arial;
  font-size:           0.8em;
  vertical-align:      top;
}

table.data td {
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  text-align:          right;
  padding:             4px;
  vertical-align:      top;
}

table.data td.text {
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  text-align:          left;
  padding:             4px;
}

table.data tr {
  background-color:    #eef;
}
table.data tr.odd {
  background-color:    #f8f8ff;
}



table.read {
  border-top:          none;
  border-collapse:     collapse;
}

table.read th {
  background-color:    #cdc;
  border:              1px solid #787;
  padding:             6px;
  font-family:         Arial;
  font-size:           0.8em;
  letter-spacing:      0.2em;
  margin-bottom:       5px;
  text-align:          left;
}

table.read td {
  border:              none;
  padding:             4px;
}

table.read tr {
  background-color:    #ded;
}
table.read tr.odd {
  background-color:    #f9fffd;
}
table.read tr.ricebridge {
  background-color:    #dde;
}


a.navbutton {
  padding:          0px 6px 0px 6px;
  margin:           0px;
  border:           0px;
  text-decoration:  none;
  color:            #0000ff;
  background-color: #f9fffd;
  font-family:      Arial;
  font-size:        0.8em;
  font-variant:     small-caps;
  letter-spacing:   1px;
}
a.navbutton:hover {
  background-color: #eef;
}
a.navbutton:active {
  color:            #f00;
  background-color: #eef;
}
a.hnavbutton {
  padding:          0px 6px 0px 6px;
  margin:           0px;
  border:           none;
  text-decoration:  none;
  color:            #0000ff;
  background-color: #ded;
  font-family:      Arial;
  font-size:        0.8em;
  font-variant:     small-caps;
  letter-spacing:   1px;
}
a.hnavbutton:hover {
  background-color: #eef;
}
a.hnavbutton:active {
  color:            #f00;
  background-color: #eef;
}


a.navlink {
  color:            #ffffff;
  font-family:      arial;
  font-size:        0.8em;
  margin-right:     5px;
  margin-left:      5px;
}
a.navlink:visited {
  color:            #ffffff;
}

div.clearline {
  clear:       left; 
  line-height: 0; 
  height:      0;
}

div input.inputField {
  padding-left:     3px;
  padding-right:    3px;
  padding-top:      2px;
  padding-bottom:   1px;
  height:           1.5em;
  color:            #000000;
  background-color: #ffffff;
  font-family:      courier;
  font-size:        0.8em;
}


.pagespacer {
  height:      100%;
  width:       100%;
  border:      none;
  clear:       both;
} 




.button_c {
  position:  relative;
  left:      3px;
  cursor:    hand;
}

a.button_a {
  border:              none;
  color:               #77a090;
  font-family:         arial;
  font-weight:         bold;
  font-size:           1.2em;
  letter-spacing:      0.1em;
  padding-top:         4px;
  padding-bottom:      4px;
  padding-left:        10px;
  padding-right:       10px;
  text-decoration:     none;
  text-align:          center;
  vertical-align:      middle;
  z-index:             10;
  cursor:              hand;
}

a.button_a:hover {
  color:               #99c0b0;
  text-decoration:     none;
  cursor:              hand;
}

a.button_a:visited {
  text-decoration:     none;
  color:               #77a090;
  cursor:              hand;
}

.submitB {
  font-weight:          bold;
  font-size:            1.0em;
  border:               2px solid #000;
  color:                #000;
  background-color:     #eee;
  font-family:          arial;
  cursor:               hand;
  
}



div.imgdropshadow {
  margin:         0px;
  padding:        0;
  background:     #eee;
}


div.prodstd {
  background:  url(img/pnd-bg-std.jpg) bottom left repeat-x;
  border:      5px solid #c00;
}
div.prodstd h3 {
  color:          #c00;
  padding:        15px;
  margin:         0;
  font-family:    Arial;
  font-style:     normal;
  letter-spacing: 0.1em;
}
div.prodstd b {
  color:        #c00;
  font-family:  Arial;
}
div.prodstd p {
  margin:     0;
  margin-top: -2em;
  padding:    15px;
}
div.prodstd td {
  padding-left:  5px;
  padding-right: 5px;
}

div.prodoption {
  margin-top: 100px;
}
div.prodoption h3 {
  color:           #6c6;
  padding-left:    15px;
  padding-bottom:  10px;
  margin:          0;
  border-bottom:   2px solid #6c6;
  float:           left:
}
div.prodoption span.price {
  float:           right;
  clear:           left;
}
div.prodoption li {
  list-style-image: url(img/b01.gif);
}


div.prodhilite {
  background: url(img/ph-tl.gif) top left no-repeat;
  margin-top: 10px;
  width:      215px;
}
div.prodhilite h3 {
  background: url(img/ph-tr.gif) top right no-repeat;
  color:      #090;
  padding:    15px;
  margin:     0;
}
div.prodhilite b {
  font-family:      arial;
}
div.prodhilite p {
  background:  url(img/ph-rb.gif) top right repeat-y;
  margin:      0;
  margin-top:  -1.5em;
  padding:     15px;
  line-height: 1.2em;
}
div.prodhilite span {
  background: url(img/ph-bl.gif) bottom left no-repeat;
  display:    block;
}
div.prodhilite span p {
  background: url(img/ph-br.gif) bottom right no-repeat;
  display:    block;
  font-size:  0.8em;
}

div.quotebox {
  float:            right;
  width:            40%;
  padding:          5px;
  margin-top:       5px;
  margin-left:      5px;
  font-family:      verdana;
  word-spacing:     0.1em;
  letter-spacing:   0.1em;
  font-size:        1.1em;
  font-smooth:      always;
  border:           2px solid #f90;
  color:            #fff;
  background-color: #fb6;
}

div.hibox {
  width:            213px;
  padding:          5px;
  margin:           20px 0px 0px 0px;
  font-family:      verdana;
  font-size:        0.9em;
  font-smooth:      always;
  font-weight:      bold;
  border:           2px solid #f90;
  color:            #fff;
  background-color: #fb6;
}


#topbarspacer {
  height:  57px;
  border:  0px;
  margin:  0px;
  padding: 0px;
}


#logoimg {
  position:      absolute;
  top:           4px;
  left:          7px;
  height:        51px;
  width:         171px;
}




#tagline {
  position:       absolute;
  top:            37px;
  left:           190px;
  color:          white;
  font-weight:    bold;
  font-family:    verdana;
  word-spacing:   0.1em;
  letter-spacing: 0.1em;
  font-size:      1.0em;
  font-smooth:    always;
}

#subtagline {
  position:       absolute;
  top:            37px;
  left:           220px;
  color:          white;
  font-style:     italic;
  font-family:    verdana;
  word-spacing:   0.1em;
  letter-spacing: 0.1em;
  font-size:      0.8em;
  font-smooth:    always;
}

#today {
  position:       absolute;
  top:            10px;
  right:          110px;
  width:          200px;
  color:          white;
  font-style:     italic;
  font-family:    verdana;
  font-weight:    bold;
  border:         1px solid #ccc;
  padding:        2px;
  word-spacing:   0.1em;
  letter-spacing: 0.1em;
  font-size:      0.8em;
  font-smooth:    always;
  text-align:     center;
}

#today a {
  color: white;
}

#locdiv {
  margin-top:       10px;
  margin-bottom:    20px;
  margin-left:      150px;
}

#locspan {
  color:            #666666;
  background-color: #cce0d0;
  border:           1px solid #666666;
  font-family:      arial;
  font-size:        0.8em;
  padding-top:      2px;
  padding-bottom:   2px;
  padding-left:     10px;
  padding-right:    10px;
}

#locspan a {
  color:            #666666;
  text-decoration:  none;
}

#copyright {
  font-family:    times;
  font-variant:   normal;
  font-size:      0.8em;
  letter-spacing: -0.03em;
  word-spacing:   0.1em;
}

#lastmod {
  font-family:    times;
  font-size:      0.6em;
  letter-spacing: -0.05em;
  word-spacing:   0.1em;
}



#content {
  padding:          0px 230px 0px 160px;
  margin:           0px;
  border-top:       1px solid black;
  background-color: #f9fffd;
}

div.col {
  position: relative;
  float:    left;
}

#centertext {
  width:    100%;
  margin:   30px 0px 0px 0px;
}

#sidebar {
  width:            160px;
  right:            160px;
  margin-top:       27px;
  margin-left:      -100%;
  background-color: #f9fffd;
}

#infobar {
  width:            230px;
  margin-top:       27px;
  margin-right:     -230px;
  background-color: #f9fffd;
  z-index:          1px;
}

#footer {
  clear: both;
  border-top:       1px solid black;
  margin-top:       30px;
}

* html #sidebar {
  left: 230px;
}


#allcontent {
  padding:          0px 5px 0px 5px;
  margin:           0px;
  border-top:       1px solid black;
  background-color: #f9fffd;
}

#widecontent {
  padding:          0px 5px 0px 160px;
  margin:           0px;
  border-top:       1px solid black;
  background-color: #f9fffd;
}

#widetext {
  width:    100%;
  margin:   30px 0px 0px 0px;
}

#noinfo {
  width:            5px;
  margin-top:       27px;
  margin-right:     -5px;
  background-color: #f9fffd;
}


#intro {
  margin:  0px 0px 10px 0px;
  padding: 0px;
  width:   100%;
}

#intro td.left {
  padding:      0px 10px 0px 0px;
  width:        50%;
  border-right: 5px solid #eee;
}

#intro td.right {
  padding: 0px 0px 0px 10px;
  width:   50%;
}



div.sidebarcontent {
  margin:  0px;
  padding: 0px 5px 0px 5px; 
}

div.infobarcontent {
  margin:  0px;
  padding: 0px 5px 0px 5px; 
}

div.centercontent {
  margin:  0px;
  padding: 0px 5px 0px 5px; 
}

div.doctext {
  width:            80%;
  margin-top:       50px;
  margin-left:      30px;
  padding:          5px;
  background-color: #f9fffd;
  text-align:       left;
  z-index:          3;
}


div.news {
  margin-left:   4px;
  margin-right:  4px;
  margin-bottom: 20px;
}
div.news b {
  display:       block;
  border-bottom: 2px solid #ccc;
  font-family:   arial;
  font-size:     0.9em;
  font-weight:   normal;
  margin-bottom: 0px;
}
div.news p {
  margin-top:    0px;
  margin-left:   10px;
  margin-bottom: 5px;
  font-family:   arial;
  font-size:     0.7em;
}

div.info {
  margin-left:   4px;
  margin-right:  4px;
  margin-bottom: 20px;
}

h3.sidebar {
  display:       block;
  font-family:   arial;
  font-size:     0.7em;
  font-weight:   bold;
  margin-bottom: 10px;
  margin-right:  10px;
  padding:       0px;
  border-top:    5px solid #eee;
}


a.feed {
  font-family:     arial;
  font-size:       0.7em;
  border:          1px solid #ccf;
  padding:         2px;
  text-decoration: none;
}

a.pagecomment {
  font-family:     arial;
  border:          1px solid #99f;
  padding:         2px;
  margin:          4px;
  text-decoration: none;
}


div.techbase {
  margin-left:   4px;
  margin-bottom: 20px;
}

div.techbase img {
  display:       block
  margin-top:    5px;
}



/*
p.indexitem {
  border-top:    2px solid #ccc; 
  padding-top:   10px;
  clear:         both;
}
p.indexitem img {
  float:       right;
  margin-left: 10px;
}
p.indexitem b {
  margin:      0px;
  padding:     0px;
  font-family: arial;
  font-size:   1em;
}
*/

div.indexitem {
  width:         100%;
  border-top:    2px solid #ccc; 
  padding-top:   10px;
  clear:         both;
}
div.indexitem h2 {
  margin:      0px;
  padding:     0px;
  font-family: Arial;
  font-size:   2em;
}
div.indexitem div.text {
  margin:      0px;
  padding:     0px;
  float:       left;
  width:       50%;
}
div.indexitem div.hilite {
  margin:      0px;
  padding:     0px;
  float:       left;
  width:       50%;
  text-align:  right;
}


div.indexitem_imgbox {
  float:         right;
  margin-left:   10px;
  margin-bottom: 10px;
  padding-top:   10px;
  text-align:    left;
}

div.indexitem_text {
  float:         left;
  text-align:    left;
}

div.customer {
  border-top:    2px solid #ccc; 
  padding-top:   10px;
  margin-bottom: 30px;
  margin-right:   4px;
}
div.customer b {
  margin:      0px;
  padding:     0px;
  font-family: arial;
  font-size:   1em;
}
div.customer img {
  float:       right;
  margin-left: 10px;
}


p.affilbox {
  border:        1px dotted #ccc;
  margin-right:  10px;
  padding:       5px;
  font-size:     0.7em;
  line-height:   1.3em; 
  font-family:   Arial, sans serif;
}


.footbar {
  background-color: #cce0d0;
  border-top:       1px solid white;
  border-bottom:    1px solid white;
  font-family:      arial;
  font-variant:     small-caps;
  font-size:        0.8em;
  padding-left:     7px;
  clear:            both;
}


div.code {
  xfloat:            left;
  xmin-width:        100%;
  background-color: #ddf;
  border:           1px solid #ccc;
  padding:          0px;
  margin:           0px;
}

div.code span.head {
  font-size:        0.8em;
  font-weight:      bold;
  letter-spacing:   0.1em;
  line-height:      20px;
  padding-left:     5px;
}

div.code pre {
  padding:          0px;
  margin:           0px;
  width:            100%;
  background-color: #eef;
  border-top:       1px solid #ccc;  
}

pre b.mark {
  color:            #c00;
}

pre.code {
  background-color: #eef;
  border:           1px solid #ccc;
}


table.reftable {
  width:               90%;
  border-top:          1px solid #787;
  border-left:         1px solid #787;
  border-bottom:       none;
  border-right:        none;
  border-collapse:     collapse;
}

table.reftable th {
  background-color:    #ddf;
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  padding:             3px;
  vertical-align:      top;
}

table.reftable td {
  background-color:    #eef;
  border-top:          none;
  border-left:         none;
  border-bottom:       1px solid #787;
  border-right:        1px solid #787;
  padding:             3px;
  vertical-align:      top;
}


.startparaimg {
  float:        left;
  margin-right: 20px;
  z-index:      4;
}


div.art {
  margin:  0px;
  padding: 0px;
  width:   750px;
}

div.artl {
  width:   100%;
  clear:   both;
  margin:  0px;
  padding: 50px 0px 0px 0px;
}
div.artl h2 {
  text-align:  left;
  width:       100%;
  margin:      0px 0px 20px 0px;
  padding:     0px;
}
div.artl div.text {
  float:       left;
  width:       47%;
  padding:     0px;
  margin:      0px;
}
div.artl div.text p {
  margin:  0px;
  padding: 0px 0px 10px 0px;
}
div.artl div.widetext {
  clear:       both;
  width:       100%;
  padding:     0px;
  margin:      0px;
}
div.artl div.box {
  float:       right;
  width:       47%;
  margin:      7px 0px 0px 0px;
  padding:     0px;
  text-align:  left;
}

div.artr {
  width:   100%;
  clear:   both;
  margin:  0px;
  padding: 50px 0px 0px 0px;
}
div.artr h2 {
  text-align:  left;
  width:       100%;
  margin:      0px 0px 20px 0px;
}
div.artr div.text {
  float:       right;
  width:       47%;
  padding:     0px;
  margin:      0px;
}
div.artr div.text p {
  margin:  0px;
  padding: 0px 0px 10px 0px;
}
div.artr div.widetext {
  clear:       both;
  width:       100%;
  padding:     0px;
  margin:      0px;
}
div.artr div.box {
  float:       left;
  width:       47%;
  margin:      7px 0px 0px 0px;
  padding:     0px;
  text-align:  left;
}

div.box p {
  margin-top:       0px;
  margin-bottom:    10px;
  padding:          2px;
  background-color: #ded;
}

p.small { 
  font-size:      8pt;
  font-family:    Arial, sans-serif;
}

img.bookmark {
  margin-left: 5px;
}

#toprighthi {
  position: absolute;
  top:      0px;
  right:    0px;
  z-index:  100; 
}

div.blogentry {
  margin:           10px 50px 0px 50px;
  padding:          10px;
  background-color: #eee;
  border-bottom:    3px solid #ccc;
}

p.blogdate {
  margin:           0px;
  padding:          3px 10px 0px 10px;
  float:            right;
  font:             normal small-caps 900 8pt Arial;
  background-color: #fff;
  border-bottom:    3px solid #ccc;
}

h1.blogtitle {
  margin: 0px;
  font: normal normal normal 12pt Verdana;
  clear: both;
}

p.blogmore {
  margin:           0px;
  float:            right;
  font:             normal small-caps 900 8pt Arial;
}

p.bloglink {
  margin:           0px 0px 10px 0px;
  float:            left;
  font:             normal normal normal 10pt Courier;
}

p.blogsummary {

}



/* new */


table.page {
  margin: 0px;
  padding: 0px;
}

table.page td {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  z-index: 1;
}

table.page td.topline {
  padding-top: 2px;
  border-bottom: 1px solid black;
}

table.page td.leftcol {
  width: 180px;
  padding: 30px 5px 5px 5px;
  border-bottom: 1px solid black;
}

table.page td.midcol {
  width: 100%;
  padding: 30px 5px 5px 5px;
  border-bottom: 1px solid black;
}

table.page td.rightcol {
  width: 180px;
  padding: 30px 5px 5px 5px;
  border-bottom: 1px solid black;
}

table.page td.nocol {
  width: 5px;
  padding: 30px 5px 5px 5px;
  border-bottom: 1px solid black;
}


table.page td.topbar {
  background-color:    #99c0b0;
  border-top:          1px solid #e0e0e0;
  border-bottom:       2px solid black;
  margin-bottom:       0px;
  margin-top:          0px;
  background-image:    url(img/rbg.jpg);
  background-repeat:   no-repeat;
  background-position: right;
  z-index:             2;
}

#headimg {
  position:      relative;
  top:           4px;
  left:          7px;
  height:        51px;
  width:         400px;
  border:        0px;
}


#navline {
  position:         absolute;
  top:              59px;
  left:             9px;
  border-top:       0px solid black;
  border-bottom:    1px solid black;
  border-left:      1px solid black; 
  border-right:     none;
  padding:          0px;
  margin:           0px 0px 0px 0px;
  background-color: #f9fffd;
  list-style-type:  none;
}

#navline td {
  border-right:     1px solid #333333; 
  border-bottom:    0px;
  border-top:       0px;
  border-left:      0px;
  padding:          0px;
  margin:           0px;
  background-color: #f9fffd;
}

#navline td:hover {
  background-color: #eef;
}
#navline td:active {
  background-color: #eef;
}