styles.css

how to develop ie add-ons in .net using VC++.

  text-decoration: underline;
}

/* Gutter with line number */

.dp-highlighter .gutter {
  padding-right: 5px;
  padding-left: 10px;
  width: 5px;
  background-color: #eee;
  border-right: 1px solid gray;
  color: gray;
  text-align: right;
  vertical-align: top;
}

/* Single line style */
.dp-highlighter .line1,
.dp-highlighter .line2 {
	padding-left: 10px;
	background-color: #FFC;
	border-top: 0px;
	border-bottom: 1px solid #FFC;
	line-height: 130%;
	font-size: 75%;
}

.dp-highlighter .line2 {
  background-color: #FFC;
}

/* Language specific styles */
.dp-c {}
.dp-c .comment { color: green; }
.dp-c .string { color: blue; }
.dp-c .preprocessor { color: gray; }
.dp-c .keyword { color: blue; }
.dp-c .vars { color: #d00; }

.dp-vb {}
.dp-vb .comment { color: green; }
.dp-vb .string { color: #800000; }
.dp-vb .preprocessor { color: gray; }
.dp-vb .keyword { color: blue; }

.dp-sql {}
.dp-sql .comment { color: green; }
.dp-sql .string { color: red; }
.dp-sql .keyword { color: blue; }
.dp-sql .func { color: #ff1493; }
.dp-sql .op { color: #808080; }

.dp-xml { color: gray; }
.dp-xml .pi, .dp-xml .dtd { color: #7E7DDF; }
.dp-xml .cdata { color: #ff1493; }
.dp-xml .comments { color: green; }
.dp-xml .tag { color: black; }
.dp-xml .tag-name { color: black; }
.dp-xml .attribute { color: red; }
.dp-xml .attribute-value { color: blue; }

.dp-delphi {}
.dp-delphi .comment { color: #008200; }
.dp-delphi .string { color: blue; }
.dp-delphi .number { color: blue; }
.dp-delphi .directive { color: #008284; }
.dp-delphi .keyword { font-weight: bold; color: navy; }
.dp-delphi .vars { color: #000; }

.dp-py {}
.dp-py .comment { color: green; }
.dp-py .string { color: red; }
.dp-py .docstring { color: #b33b00; }
.dp-py .keyword { color: blue; font-weight: bold;}
.dp-py .builtins { color: #ff1493; }
.dp-py .magicmethods { color: #808080; }
.dp-py .exceptions { color: #b33b00; }
.dp-py .types { color: #b33b00; font-style: italic; }
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }

.dp-css {}
.dp-css .comment { color: green; }
.dp-css .property { color: #b33b00; font-weight: bold; }
.dp-css .unit { color: #003366; }
.dp-css .color { color: #d86c00; }
.dp-css .identifier { font-weight: bold; }
.dp-css .brace { font-weight: bold; }
.dp-css .keyword { font-weight: bold; }

a.ind, a.ind:hover, a.ind:visited {color: black; text-decoration: none;} /* Black links - as text */

a.docs {color: #666666; text-decoration: none; font-weight: bold;}
a.docs:hover {text-decoration: underline;}

p.path {font-size: 75%;margin:0px 0px 30px 21px; padding:0px;}
p.right {text-align: right;} /* Right */
p.mscopyright {font-size: 70%; margin-top: 0px; margin-bottom: 5px;}


/* --- */
#headercontainer{
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 340px;
  float:left;
}

div#marketplace {
  margin: 0px;
  text-align: right;
  right: 0px;
  top: 0px;
  float:right;
  width: 300px;
}

div#marketplace img {
	border: 0px;
	width: 250px;
	height: 52px;
}


#headertitles{
  padding: 0px;
  height:60px; 
  margin-top:16px;
  margin-left: 19px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccccbc;
  line-height: 5px; font-size: 2px;
}

#headertitles H1 {
 float:right;
 text-align:right;
 line-height:20px;
 right:0px;
 top:0px;
 margin:0px;
 padding: 12px 0px 15px 0px;
 }

#headertitles H2 {
 text-align:left;
 left:-20px;
 top:0px;
 padding:15px 0px 15px 0px;
 margin:0px;
 line-height: 20px;
}

/* Right block stub */
#pgrbcontainer {
  width: 200px;
  float: right;
  position: relative;
  margin-left: 21px;
  margin-bottom: 24px;
  font-size: 12px;
}

/*Real right block */
#realrb .video-banner {
  position: relative;
  margin-top:40px;
}

/* right block with border */
#pgrb {
  margin-top:10px;
  padding-top:10px;
  padding-bottom:10px;
  text-align: left;
  font-size: 12px;
  width: 198px;
  background-color: #f1f1f1;
  border-left: 1px dashed #bcc8cc;
  border-right: 1px dashed #bcc8cc;
}
#pgrb, x:-moz-any-link {margin-top:5px;}

#pgrb  #rorder {
  position: relative;
  width: 100%;
  height: 129px;
}

#ordernow {
  position: absolute;
  width: 108px;
  left: 11px;
  bottom: 6px;
}

#pgrb h4 {
  margin: 2px 0px 0px 0px;
  padding: 2px 10px 0px 16px;
  font-size: 12px;
  color: #02306a;
  line-height: 100%;
  font-weight: normal;
}

#pgrb P.price {
  color: #02306a;
}

#pgrb SPAN.price {
  font-weight: bold;
  font-size: 150%;
  color: #02306a;
}

#pgrb .newprice {
  font-weight: bold;
  font-size: 150%;
  color: #ff0000;
}

#pgrb .red {
  color: #FF0000;
}

#pgrb p {
  margin: 14px 10px 7px 16px;
  font-size: 12px;
  line-height: 120%;
}

#pgrb p.delivery {
  margin-top: 15px;
  font-size: 11px;
}

#pgrb ul {
  margin: 2px 10px 7px 17px;
  padding-left: 0px;
  list-style-type: none;
  font-size: 11px;
  line-height: 150%;
}
/* END: Right block */

.askformfield {width: 99%; margin-bottom: 2px; border: 1px solid #c8d0da; background:#F6F6F7; color:#7b828a;}
.askformselect {width: 80%; margin-bottom: 2px; }

.transparent {background-color: transparent;}

#mouseovers p {font-size: 12px;}
#mouseovers a {text-decoration: none;}

ul.arrow, ul.forumarrow {
  list-style-image: url('/images/icoArrow.gif');
  list-style-type:none;
}

ul.test {list-style-color: #AAAAAA;}

ul.forumarrow {
  font-size: 11px;
}

ul.arrow li,  ul.forumarrow li {
  line-height: 100%;
  margin-bottom: 7px;
}

TABLE.table UL LI {font-family:arial; font-size: 100%; font-weight:normal; }

.addin{
margin-left:22px;
font-family:arial; font-size: 75%;  line-height: 150%; padding-left: 0px;
width: 580px;
}

/*Purchase form */
.tplpurchase  {margin: 5px 0px 15px 21px; background-color: #DCD9C8; width: 693px;}
.tplpurchase td {background-color: #FFFFFF; vertical-align: bottom; padding: 3px; margin:0px;}
.tplpurchase td.head {background-color: #f1f1f1; vertical-align: center; text-align: left;}
.tplpurchase td.boxshot {vertical-align: top; text-align: left; width: 120px; padding-top: 10px}
.tplpurchase td.wallpaper {vertical-align: top; text-align: left; width: 130px; padding-bottom: 20px}

.tplpurchase p {margin: 0px; padding: 0px; font-size: 12px;}
.tplpurchase td.head p {font-weight: bold; color:#153761}

.tplpurchase p.qty {text-align: right;}
.tplpurchase p.price {text-align: left; font-weight: bold;}

.tplpurchase input {margin: 0px; padding: 0px;}
.tplpurchase input.qty {width: 40px; text-align: right; border: 1px solid #c8d0da; background:#F6F6F7; color:#7b828a;}
.tplpurchase input.am  {width: 70px; text-align: right; background-color: #f6f6f7; border: 0px solid #DCD9C8;}
.tplpurchase input.ordernow {width: 102px; text-align: center;}

.tplpurchase .coupon {width: 170px;  font-size: 100%; border: 1px solid #c8d0da; background:#F6F6F7; color:#7b828a;}
.tplpurchase select.coupon {width: 174px;}
/*END: purchase form */

#headimg {
  width: 972px;
  height: 129px;
}

/* Product logos */
h2.adxnet, h2.adxvcl, h2.osm, h2.adxexol, h2.adxtoys, h2.tbcontrols, h2.adxvsto, h2.adxexoe, h2.adxie  {
  font-family: 'Trebuchet MS';
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 900;
  line-height: 18px;
}

h2.adxnet span,
h2.adxvcl span,
h2.osm span,
h2.adxexol span,
h2.adxtoys span,
h2.tbcontrols span,
h2.adxexoe span,
h2.adxie span,
h2.adxvsto span{
  font-weight: normal;
  font-size: 14px;
}

h2.adxnet a span,
h2.adxvcl a span,
h2.osm a span,
h2.adxexol a span,
h2.adxexoe a span,
h2.tbcontrols a span,
h2.adxie a span,
h2.adxvsto a span{
  font-weight: normal;
  font-size: 14px;
}

h2.adxnet, h2.adxnet a, h2.adxnet a:link, h2.adxnet a:visited {color: #ff0000; text-decoration: none;}
h2.adxnet a:hover {color: #B70b05;  text-decoration: none;}

h2.adxie, h2.adxie a, h2.adxie a:link, h2.adxie a:visited {color: #122edf; text-decoration: none;}
h2.adxie a:hover {color: #020eaf;  text-decoration: none;}

h2.osm, h2.osm a, h2.osm a:link, h2.osm a:visited {color: #2e8700; text-decoration: none;}
h2.osm a:hover {color: #1F5B00;  text-decoration: none;}

h2.adxexol, h2.adxexol a, h2.adxexol a:link, h2.adxexol a:visited {color: #ec9111; text-decoration: none;}
h2.adxexol a:hover {color: #DD790E;  text-decoration: none;}

h2.adxexoe, h2.adxexoe a, h2.adxexoe a:link, h2.adxexoe a:visited {color: #1d7886; text-decoration: none;}
h2.adxexoe a:hover {color: #09505b;  text-decoration: none;}

h2.adxvcl, h2.adxvcl a, h2.adxvcl a:link, h2.adxvcl a:visited {color: #0649A0; text-decoration: none;}
h2.adxvcl a:hover {color: #043068;  text-decoration: none;}

h2.adxtoys, h2.adxtoys a, h2.adxtoys a:link, h2.adxtoys a:visited {color: #990099; text-decoration: none;}
h2.adxtoys a:hover {color: #660066;  text-decoration: none;}

h2.tbcontrols, h2.tbcontrols a, h2.tbcontrols a:link, h2.tbcontrols a:visited {color: #0096ff; text-decoration: none;}
h2.tbcontrols a:hover {color: #0070be;  text-decoration: none;}

h2.adxvsto, h2.adxvsto a, h2.adxvsto a:link, h2.adxvsto a:link, h2.adxvsto a:visited {color: #8f2022; text-decoration: none;}
h2.adxvsto a:hover {color: #671214;  text-decoration: none;}

/* /index.php */
.mainscheme {
  MARGIN: 0px 0px 15px 21px;
  WIDTH: 693px;
  border: 0px;
}

.mainscheme tr {
  vertical-align: top;
}

.mainscheme td {
  width: 33%;
  padding-right: 20px;
}

.mainscheme td.line {
  border-left: 1px dashed #ccccbc;
  padding-left: 20px;
}

.mainscheme p {
  margin-top: 5px;
  margin-left: 0px;
  font-size: 12px;
  margin-bottom: 0px;
  color: black;
}

DIV#main-content-div   .mainscheme p.more {
  text-align:right;
}

.mainscheme ul {
  clear: both;
  font-size: 12px;
  margin: 10px 0px 15px 20px;
  color: #888888;
}

.mainscheme a:link,
.mainscheme a:visited,
.mainscheme a:hover {
  text-decoration: none;
  color: black;
}

.mainscheme p.more a:link,
.mainscheme p.more a:visited,
.mainscheme p.more a:hover {
  text-decoration: underline;
}

.mainscheme p.more a:link {color: #222222;}
.mainscheme p.more a:visited {color: #888888;}
.mainscheme p.more a:hover {color: #2A73D2;}

.mainscheme h2 {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  font-size: 17px;
  font-weight: 900;
  line-height: 15px;
}

.mainscheme h2 span  {
  font-weight: bold;
  font-size: 16px;
}

#tourname{position:absolute;width:324px;height:55px;right:15px;top:60px;font-family:Arial;font-size:18px;font-weight:bold;color:#E9EEF2;font-style: italic;}

#sitelogin  {
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

#sitelogin a:link,#sitelogin a:visited {text-decoration:underline;}
#sitelogin td { padding-bottom: 2px; }
#sitelogin p {margin: 0px; text-align: left; font-size: 12px; margin-left: 21px;}
#sitelogin p.error {font-weight: bold; color: #ff0000;}
#sitelogin p.right {text-align: right;}
#sitelogin .inp {width: 82px; border: 1px solid #cCc9b8; margin: 0px; padding: 0px;}
#sitelogin .submit {width: 85px;  margin-left: 25px; padding: 0px;}
#sitelogin .check {float: right; margin-right: 0px; padding-right: 0px;}
#sitelogin p.title{
  background:#C9CBCC;
  color: #fff;
  margin: 0px;
  padding: 5px 16px 5px 21px;
  font-weight:bold;
  text-align: right;
}
.InfoTitle {color: #1e4c5f; font-weight: bold; text-align: right; margin-bottom: 12px;}
.Info p {margin-left: 12px; margin-right: 11px;}
.Info ul, ol {font-family:arial; margin: 0px 8px 24px 45px; padding-left: 0px;}
.Info p.text {
  background:#C9CBCC;
  margin: 0;
  padding: 4px 5px 4px 21px;
  width:182px;  font-weight:bold;
}
.Info p.text{
  background:#C9CBCC;
  color: #fff;
  margin: 0px;
  padding: 5px 16px 5px 10px;
  font-weight:bold;
  text-align: right;
}
/* Video pages - right block */
#videoblock {
  width: 180px;
  height: 220px;
  margin-left: 25px;
  border: 1px solid #efeee9;
  background-color: #fcfcfc;
  width: 200px;
}
#videoblock p {
  font-size: 12px;
  color: black;
  line-height: 17px;
  margin-left: 14px;
  margin-bottom: 25px;
}

#videoblock h2.adxnet,
#videoblock h2.adxvcl,
#videoblock h2.osm,
#videoblock h2.adxexol,
#videoblock h2.tbcontrols,
#videoblock h2.adxvsto   {
  margin: 10px 5px 10px 14px;
  padding: 0px;
  font-size: 18px;
  font-weight: 900;
  line-height: 15px;
}

#videoblock h2.osm span,
#videoblock h2.adxexol span,
#videoblock h2.tbcontrols span,
#videoblock h2.adxvsto span {
  font-weight: normal;
  font-size: 17px;
}

/* Small flash video block */
td.adxnetfv,
td.adxvclfv,
td.osmfv,
td.adxexolfv,
td.tbcontrolsfv,
td.adxvsto  {
  width:239px;
  height: 41px;
  vertical-align: center;
}

td.adxnetfv p,
td.adxvclfv p,
td.osmfv p,
td.adxexolfv p,
td.tbcontrolsfv  p,
td.adxvsto  p, {
    padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: black;
}

td.adxnetfv a,
td.adxvclfv a,
td.osmfv a,
td.adxexolfv a,
td.tbcontrolsfv a,
td.adxvsto a {
  display: block;
  margin: 0px;
  padding: 12px 5px 10px 5px;
  width: 100%;
  height: 0px;
}

td.adxnetfv {background: url(/images/logos/adx-net-video-4.gif) left center no-repeat;}
td.adxvclfv {background: url(/images/logos/adx-vcl-video-4.gif) left center no-repeat;}
td.osmfv {  background: url(/images/logos/osm-video-4.gif) left center no-repeat;}
td.adxexolfv {  width:320px; background: url(/images/logos/adx-ext-ol-video-4.gif) left center no-repeat;}
td.tbcontrolsfv {background: url(/images/logos/toolbar-controls-video-4.gif) left center no-repeat;}
td.adxvsto {background: url(/images/logos/adx-vsto-video-4.gif) left center no-repeat;}