body {
	background: #f7f7f7;
	color: #333;
	margin: 0;
	padding: 0;
	font: 75% "Lucida Grande", Verdana, Arial, Sans-Serif;
	text-align: center;
}

/*Main DIVs*/
/***********/

div {
  position: relative;
  /*border: 1px dashed #CCCCFF;*/
}

#header {
  color: #333333;
  background: #ffffff;
  text-align: left;
  border-bottom: 1px solid #cacaca;
}

#footer {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
  text-align: center;
  color: #ccc;
  /*background: #fff;*/
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

#mainpage {
  min-width: 900px;
}

#maincontents {
  border: 1px solid #cacaca;
  /*width: 80%;*/
  color: #333;
  background: #fff;
  padding: 2em;
  margin: 0 auto;
  margin-top: 1em;
  margin-left: 17%;
  margin-right: 1%;
  text-align: left;
  -moz-border-radius: 5px;
  background: #ffffff url(../images/back.gif) repeat-x top;
  max-width: 60em;
}

#maincontents p, ol, ul {
  max-width: 50em;
}

div.product p {
  max-width: none;
  margin-left: auto;
  margin-right: 0px;
}

div.index {
  border: 1px solid #cacaca;
  /*border-top: none;*/
  /*width: 80%;*/
  height: 100px;
  text-align: left;
  margin-left: 17%;
  margin-right: 1%;
  /*margin: 0 auto;*/
  margin-top: 1em;
  padding: 2em;
  color: #333;
  background: #ebebeb url(../images/screenshot.g3cbeta.twisted.png) no-repeat bottom right;
  -moz-border-radius: 5px;
  max-width: 60em;
}

div.newsitem {
  margin-bottom: 3em;
}

.googlead {
  text-align: center;
}

.product {
  border: 1px solid #ddd;
  margin: 0 auto;
  height: 120px;
  text-align: right;
  padding-right: 20px;
  color: #333;
  background: #fff;
}

#g3c {
  color: #333;
  background: #ebebeb url(../images/screenshot.g3c.twisted.png) no-repeat;
}

#mg3c {
  color: #333;
  background: #ebebeb url(../images/screenshot.mg3c.twisted.png) no-repeat;
}

#bbc {
  color: #333;
  background: #ebebeb url(../images/screenshot.bbc.twisted.png) no-repeat;
}

#review1 {
  color: #333;
  background: #ebebeb url(../images/review.id1.twisted.png) no-repeat;
}

#obbcresult {
  margin-bottom: 2em;
}

/*Main menu*/
/***********/

ul.menu {
  position: absolute;
  top: 1.7em;
  /*bottom: 0;*/
  list-style: none;
  /*margin: 0;*/
  margin-left: 25em;
  margin-bottom: 0;
  /*padding: 5px;*/
  padding: 0;
  text-align: center;
  border: 1px solid #fff;
}

ul.menu li {
  display: inline;
  /*padding: 5px;*/
  /*border: 1px solid #cacaca;*/
}

ul.menu #here {
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #f7f7f7;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  color: #2b33aa;
  padding-top: 7px;
  background: #f7f7f7;
}

ul.menu a {
  padding: 5px;
  text-decoration: none;
  border: 1px solid #cacaca;
  border-bottom: none;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: #fdfdfd;
}

ul.menu a:hover {
  border: 1px solid #cacaca;
  /*border-bottom: 1px solid #fcb900;*/
  /*padding-top: 7px;*/
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  color: #2b33aa;
  text-decoration: underline;
  /*background: #fcb900;*/
}

/*Left bar*/
/**********/

#leftbar {
  z-index: 1;
  position: absolute;
  left: 0.5em;
  top: 8.2em;
  color: #2b33aa;
  background: #ffffff;
  border: 1px solid #cacaca;
  width: 15%;
  min-width: 12em;
  text-align: left;
  -moz-border-radius: 5px
}

#leftbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#leftbar li {
  margin: 0;
  border-top: 1px solid #cacaca;
}

#leftbar a {
  display: block;
  padding: .7em;
  border-bottom: none;
}

#leftbar a:hover {
  color: #333;
  background: #fcb900;
}

/*Right bar*/
/***********/

#rightbar {
  position: absolute;
  /*right: 0.5em;
  top: 3em;*/
  left: 0.5em;
  top: 16.5em;
  color: #333;
  background: #ffffff;
  border: 1px solid #cacaca;
  width: 15%;
  min-width: 12em;
  text-align: left;
  -moz-border-radius: 5px
}

#rightbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#rightbar li {
  margin: 0;
  border-top: 1px solid #cacaca;
  list-style: none;
  padding: 0.5em;
}

/*Google search*/
/***************/

#googlesearch {
  position: absolute;
  top: 1em;
  right: 1em;
}

#googlesearch tr {
  font-size: 12px;
  text-align: left;
}

#googlesearch td {
  height: 32px;
}

/*Links*/
/*******/

a {
  text-decoration: none;
  color: #2b33aa;
  background: none;
  border-bottom: 1px solid #2b33aa;
}

a:hover, a.bold:hover {
  color: #333;
  background: none;
  border-bottom: 1px solid #333;
}

a.bold {
  text-decoration: none;
  color: #2b33aa;
  background: none;
  font-size: 16px;
  font-weight: bold;
}

a.clean {
  border-bottom: none;
}

.datatable a {
  border-bottom: none;
}

.datatable a:hover {
  border-bottom: none;
}

#googlesearch a {
  border: 0;
}

#googlesearch a:hover {
  color: #000;
  background: #fff;
}

/*Text styles*/
/*************/

p.quote {
  font-family: Avenir;
  font-size: 12px;
  font-style: italic;
  background: none;
  color: #228b22;
}

p.nav {
  font-size: 14px;
  font-style: italic;
  color: #444;
  background: none;
  text-align: left;
  margin-left: 1em;
}

p.nav:before {
  content: "Current location: www.bincsoft.com -> ";
}

p.published {
  margin-top: -6px;
  color: #444;
  background: none;
}

p.published:before {
  content: "::";
}

.center {
  text-align: center;
}

.centerbold {
  text-align: center;
  font-weight: bold;
}

.newsitem p {
  margin-left: 1em;
}

/*Headings*/
/**********/

h1 {
  font-size: 155%;
}

h2 {
  font-size: 140%;
}

.index h1 {
  margin: 0;
}

#leftbar h1, #rightbar h1 {
  font-size: 110%;
  color: #000066;
  background: #efefef;
  padding: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
}

.product h1 {
  font-size: 140%;
}

/*Images*/
/********/

img {
  border: none;
  margin-left: auto;
  margin-right: auto;
}

img.floatleft {
  float: left;
  margin-right: 2em;
}

img.floatright {
  float: right;
  margin-top: 1em;
  margin-left: 1em;
}

img.floatleftborder {
  float: left;
  margin-right: 1em;
  border: 1px solid #000;
}

img.floatrightborder {
  float: right;
  border: 1px solid #000;
  margin-left: 1em;
}

/*Tables*/
/********/

#googlesearch table {
   border: 0;
   color: #000;
   background: #ffffff;
}

table.floatleft {
  width: 40%;
  float: left;
}

table.forum {
  text-align: left;
}

table.forum caption {
  display: none;
}

table.forum th {
  color: #000;
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.5em;
}

table.forum td {
  padding: 0.5em;
}

table.datatable {
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
  text-align: left;
}

table.datatable caption {
  font-size: 120%;
  font-weight: bold;
  color: #333;
  background: none;
  text-transform: uppercase;
  padding: 1em;
}

table.datatable thead tr {
  border-bottom: 1px solid #838383;
}

table.datatable thead th {
  padding-bottom: 0.5em;
}

table.datatable tfoot th, table.datatable tfoot td {
  padding: 10px;
  text-align: right;
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  border-top: 1px solid #ddd;
}

table.datatable tbody th, table.datatable tbody td {
  padding: 0.2em;
  border-top: 1px solid #ddd;
}

table.datatable tbody tr.odd {
  color: #333;
  background: #eee;
}

table.datatable tbody tr:hover {
  color: #333;
  background: #c6c6e8;
}

table.datatable tbody td a:hover, table.datatable tbody th a:hover {
  background: transparent;
  color: #930;
}

/*Lists*/
/*******/

ul.features, ul.clean, div.version-history ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.clean {
  /*list-style: none;
  margin: 0;
  padding: 0;*/
  margin-bottom: 1em;
}

.features li, li.question, li.answer, li.bug, li.solution {
  padding: 3px 0 3px 20px;
  margin: .4em 0;
} 

.features li {
  color: #333;
  background: url(../images/bullet.check.png) no-repeat 0 50%;
}

li.question {
  color: #333;
  background: url(../images/bullet.question.png) no-repeat 0 50%;
}

li.answer {
  color: #333;
  background: url(../images/bullet.answer.png) no-repeat 0 50%;
}

li.bug {
  color: #333;
  background: url(../images/bullet.bug.png) no-repeat 0 50%;
}

li.solution {
  color: #333;
  background: url(../images/bullet.solution.png) no-repeat 0 50%;
}

div.version-history ul {
  /*list-style: none;*/
  font-size: 14px;
  font-weight: bold;
}

div.version-history ul ul {
  /*list-style: disc;*/
  font-size: 14px;
  font-weight: normal;
}

div.version-history ul ul ul {
  list-style: disc;
  font-size: 12px;
  font-weight: normal;
  margin-left: 1.5em;
}

div.version-history li {
  padding: 2px;
}

/*Forms*/
/*******/

/*input
{
  color: #781351;
  background: #fee3ad;
  border: 1px solid #781351;
}*/

.form {
  /*border: 1px solid #000;*/
  padding: 1em;
}

input.submit {
}

input.numeric {
  width: 5em;
}

fieldset {
  border: none;
  border-top: 1px solid #cacaca;
  width: 95%;
}

legend {
  font-size: 120%;
  color: #333;
  background: #ebebeb;
  border: 1px solid #cacaca;
  padding: .5em;
  margin-bottom: 1em;
}

/*Other*/
/*******/

hr {
  border: none;
  border-top: 1px dashed #cacaca;
}

/*CSharp*/
/********/

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}

.csharpcode .lnum { color: #606060; }