html {background:transparent;}
body {
  background-image: url('../assets/bg_diagonal.png');
  background-repeat: repeat;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* ==== shared ==== */

hr {
 width: 90%;
 color: #aaa;
}

input:focus {
 outline:none;
}

img.floatRight { 
  float: right;
  margin-left: 10px;
  margin-top: 10px;
}

small {
  font-size: 10px;
  color:#666;
}


/* ErrorPage.aspx and FileNotFound.aspx */

div#error {
 margin:20px;
}

div#error {
 margin:20px;
}
div#error p {
 font-size:16px;
}

div#error p.heading {
 font-size:20px;
 color:darkred;
 padding-bottom:14px;
}

div#error p.footer {
 font-size:11px;
 color:darkblue;
 padding-top:30px;
}

div#error p a {
 text-decoration: underline;
}


#custom-doc {
  width:73.85em;
  *width:72.07em;
  min-width:960px;
  max-width: 960px;
  margin:auto;
  text-align:left;
  width:expression(document.documentElement.clientWidth > 960? "960px" : "auto");
  margin-top: 10px;
}

/* ==== header ==== */

#hd {
  padding-top:10px;
  background-color:white;
  color:white;
  position:relative;
}

#hd-wrap {
  margin-left:10px;
  color:white;
  width:940px;
  height:126px;
}

#hd a {
 outline:0;
}

.nav-general {
  background: url('../assets/nav_bg.png') no-repeat;
}

.nav-home {
  background: url('../assets/nav_bg_home.png') no-repeat;
}

.nav-help {
  background: url('../assets/nav_bg_help.png') no-repeat;
}

#hd_utility {
  position: absolute;
  right: 30px;
  top: 20px;
  overflow:hidden;
/*
  float: right;
  margin: 15px;
 */
}

#hd_utility div {
  float:left;
}
#hd_utility div.first {
  padding-right:10px;
  padding-top:4px;
}
#hd_utility div.first span.loginname {
/*  padding-right:14px; */
}

.s20 {
  padding-right:20px;
}

#hd_utility div.first a {
  color:#00aec2;
}

#hd_masthead {
  float: left;
}

#hd_masthead a {
  display: block;
  width: 250px;
  height: 122px;
  text-indent: -9999px;
}

#hd_nav {
  clear: both;
/*  overflow: hidden; */
  position: absolute;
  top: 58px;
  left: 315px;

}

/* === css dropdown === */


#cssdropdown,
#cssdropdown ul {
  list-style: none;
}

#cssdropdown li.headlink {
  float: left;
  padding-right: 26px;
}

#cssdropdown li.headlink a,
#cssdropdown li.headlink span {
  display: block;
  cursor: pointer;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#cssdropdown li.headlink span:hover,
#cssdropdown li.headlink a:hover {
  color: #9dc208;
}

#cssdropdown li.headlink ul {
  padding-top:5px;
  background-color: #262626;
  display: none;
  text-align: left;
}

#cssdropdown li.headlink:hover ul {
  display: block;
}
#cssdropdown li.headlink ul li {
  border-top: 1px dashed #53594b;
}

#cssdropdown li.headlink ul li {
  padding: 4px 3px;
}


/* === footer === */


#ft {
  font-size: 11px;
  padding-left:10px;
  padding-right:10px;
}

#ft div.left {
  color: white;
  float: left;
  padding: 20px 20px 0px 8px;
}

#ft div.left2 {
  float: left;
  padding: 20px 8px;
  display: block;
  color: white;
  text-decoration: none;
}

#ft div.left2 ul {
  list-style-type: none;
  display: block;
}

#ft div.left2 ul li {
  float: left;
  list-style-type: none;
  border-left: 0px;
  padding: 0 10px;
}

#ft div.left2 ul li:first-child {
  border-left: white 1px solid;
  padding-left: 20px;
  padding-right: 10px;
}


#ft div.left2 ul li a {
  color: white;
  text-decoration: none;
}

#ft div.left2 ul li a:hover {
  color: #00aec2;
}

#ft div.right {
  float: right;
  padding: 20px 8px;
  display: block;
}

#ft div.right a {
  color: white;
  text-decoration: none;
}
#ft div.right img {
  vertical-align:middle;
}


/* === body === */

#bd input[type="button"],
#bd input[type="submit"] {
  padding:2px 6px;
}

#bd em {
  font-weight: bold;
  color:#228800;
}

#bd .promobox h2 {
  margin-top: 0px;
}

a {
  color:#228800;
  text-decoration: none;
}

a:hover {
  color:#228800;
  text-decoration: underline;
}

#bd a[rel="external"] {
 white-space:nowrap;
 background:url(../assets/icon_externalSite.png) 99% 46% no-repeat;
 padding-right:16px;
 zoom:1;
}

p .regmark {
  position: relative;
  top: -5px;
  font-size: 70%;
}

h1 .regmark,
h2 .regmark,
h3 .regmark {
  position: relative;
  top: -8px;
  font-size: 70%;
}

#bd {
  background-color: white;
  padding-bottom:10px;
}

#bd #managega #bottomstuff { width: 640px; margin: 20px auto; font-weight:bold;}

.bd-general {
  padding-top: 26px;
  padding-left: 30px;
  padding-right: 30px;
}

.bd-wide {
  padding-left: 10px;
  padding-right: 10px;
}

#bd.bd-general {
  padding-bottom: 40px;
}

.bd-product {
  padding-top: 8px;
  padding-left: 30px;
  padding-right: 30px;
}

.bd-product p.links {
   padding-left:20px;
   padding-top:10px;
}

.bd-product p.links a {
  text-decoration: underline;
}

.bd-help {
  padding-top: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

h3 { 
  font-size: 18px;
  padding-top: 10px;
  color: #ce5a00;
}

h4 { 
  font-size: 15px;
  padding-top: 8px;
  color: #228800;
}

.SubmitMsg {
  margin-bottom: 12px;
}

.BottomMsg {
  margin-top: 12px;
}

#bd .notice {
  font-style: italic;
  font-weight: bold;
  color: darkred;
  font-size: 14px;
  padding-top: 3px;
}

#bd .success {
  color: darkgreen;
  padding-top: 3px;
  font-size: 15px;
  font-weight: bold;
}

#bd .notice a {
  color:darkred;
}

#bd .subnotice {
  font-style: italic;
  color:darkred;
  font-size: 12px;
}

#bd .notice p.return {
  font-weight: bold;
}

div.r20 {
  overflow: hidden;
  padding-bottom: 20px;
  padding-right: 20px;
}

div.l30r20 {
  overflow: hidden;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 20px;
}

div.l15r20 {
  overflow: hidden;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 20px;
}

.panel p,
div.r20 p,
div.l15r20 p,
div.l30r20 p { 
  font-size: 12px;
  line-height: 1.5em;
  color: #393e41;
  margin-top:6px;
}

#bd div.promobox {
 padding: 16px 16px;
 background-color: #eef8e8;
 margin-bottom: 20px;
}

#bd div.promobox h3 {
  padding-top: 0px;
  padding-bottom: 6px;
}

#bd div.promobox p.promoheader {
  font-size: 22px;
  color: #393E41;
  padding-top: 2px;
  padding-bottom: 8px;
}

#bd div.promobox p.promolink {
  padding-top: 8px;
}

#bd #quotebox p.promolink {
  padding-top: 8px;
  padding-left: 36px;
}

#bd div.promobox p.bottom {
  line-height: 1em;
}



/* exceptions to 'external' icon */

#bd div.promobox p.bottom a[rel="external"],
#bd #main-promo a[rel="external"],
#bd p.promolink a[rel="external"],
#news .title a[rel="external"] {
 background-image: none;
}


#bd div.promobox .speak {
 padding-left:42px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/icon_blog.png');
}

#bd div.promobox .news {
 padding-left:46px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/icon_newsletters.png');
}

div.promobox p.question {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 8px;
  line-height: 1.6em;
}

div.promobox p.question span.ql {
  font-size: 18px;
  color: #9dc208;
}

div.promobox#demos { 
  background-image: url(../assets/icon_demos.png);
  background-repeat:no-repeat;
  background-position:210px 20px;
}

.promobox .top {
  padding-bottom: 15px;
}


/*
div.promobox p {
  color: #393e41;
}
*/

.promobox p { 
  font-size: 12px;
  line-height: 1.4em;
  color: #777; 
}

div#sidebar .panel {
  background-image: url(../assets/dotted_line_horiz_940.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom:10px;
}

.bd-product div#sidebar .panel:first-child {
  margin-top:50px;
}

div#sidebar .panel:first-child {
  margin-top:10px;
}

div#sidebar .panelheader {
  display: block;
  margin-top: 0px;
  margin-bottom:10px;
  width: 279px;
  height: 46px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: top left;
  outline:none;
/*  border: 2px solid transparent; */
}
div#sidebar .panelheader:hover {
/*  border: 2px solid #fb4; */
}

div#sidebar .panelheader.ppt {
  background-image: url('../assets/sidebar_product_pp.png');
}
div#sidebar .panelheader.excel {
  background-image: url('../assets/sidebar_product_excel.png');
}
div#sidebar .panelheader.gadgets {
  background-image: url('../assets/sidebar_product_gadgets.png');
}

div#sidebar .panelinfo {
  padding-left: 84px;
  padding-bottom: 8px;
  background-repeat: no-repeat;
  background-position: top left;
}
div#sidebar .panelinfo.ppt {
  background-image: url('../assets/icon_pp.png');
}
div#sidebar .panelinfo.excel {
  background-image: url('../assets/icon_excel.png');
}
div#sidebar .panelinfo.gadgets {
  background-image: url('../assets/icon_gadgets.png');
}

div#sidebar .panel a {
  padding-left: 84px;
  display:block;
  padding-bottom: 20px;
}


#bd .grey16 { 
 font-size: 16px;
 color: #393e41;
 line-height: 1.4em;
}

#bd .green24 { 
 font-size: 24px;
 color: #228800;
}

#bd .orange24 { 
 font-size: 24px;
 color: #dd6a00;
}

#bd .blue24 { 
 font-size: 24px;
 color: #00aec2;
}

#bd .green14 { 
 font-size: 14px;
 color: #228800;
 line-height: 1.5em;
}

#bd .orange14 { 
 font-size: 14px;
 color: #dd6a00;
 line-height: 1.5em;
}

#bd .darkgrey14 { 
 font-size: 14px;
 color: #555;
 line-height: 1.5em;
}

#bd .blue14 { 
 font-size: 14px;
 color: #00aec2;
 line-height: 1.5em;
}

#bd .darkgrey14 { 
 font-size: 14px;
 color: #666;
}

#bd .grey12 { 
  font-size: 12px;
  line-height: 1.5em;
  color: #393e41;
}

#bd .grey22 { 
  font-size: 20px;
  line-height: 1.5em;
  color: #393e41;
}

.white64 { 
 font-size: 64px;
 color: white;
}

a.green12 { 
 font-size: 12px;
 color: #228800;
 text-decoration:none;
}
a.orange12 { 
 font-size: 12px;
 color: #dd6a00;
 text-decoration:none;
}
a.blue12 { 
 font-size: 12px;
 color: #00aec2;
 text-decoration:none;
}

a.green12:hover { 
 text-decoration:underline;
}




/* ==== home page ==== */

.bd-home {
  padding-left:10px;
  padding-right:10px;
}


#bd  #main-promo { 
  width: 940px;
  height: 278px;
  background: url(../assets/home_main_promo_bg.png) no-repeat;
}


#bd #main-promo h1 { 
  padding-top: 30px;
  padding-left: 30px;
  width: 520px;
  font-size: 20px;
  font-weight: bold;
  color: #00aec2;
  line-height: 1.4em;
}
#bd #main-promo a { 
  color: #00aec2;
  text-decoration: underline;
}

#bd #main-promo p#subtext { 
  padding-top: 12px;
  padding-left: 30px;
  font-size: 16px;
  width: 520px;
  color: #393e41;
}

#bd #main-promo a#trial { 
  display: block;
  margin-top: 22px;
  margin-left: 30px;
  width: 241px;
  height: 109px;
  padding-top: 20px;
  padding-left: 38px;
  color: #dd6a00;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  background: url(../assets/home_free_trial.png) no-repeat;
  outline:none;
}

#bd #main-promo a#trial { 
 outline:none;
}


#bd #sub-promo {
 margin-top: 14px;
 background: url(../assets/dotted_line_horiz_940.png) no-repeat;
 padding-top: 14px;
 padding-bottom: 14px;
}

#bd #sub-promo .yui-u {
 min-height:220px;
 background-color: #eef8e8;
}

#bd #sub-promo .first p {
 margin-top:8px;
 margin-left:10px;
 padding-left: 94px;
}

#bd #sub-promo .first p.dolby {
 padding-top:10px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/logos/dolby.png');
}

#bd #sub-promo .first p.emetrics {
 margin-top: 16px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/logos/emetrics.png');
}

#bd #sub-promo .first p.redgate {
 padding-top:10px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/logos/redgate.png');
}


#bd #sub-promo .second {
  background-image: url(../assets/icon_faqs.png);
  background-repeat:no-repeat;
  background-position:220px 10px;
}

#bd #sub-promo .top {
  margin-top: 22px;
  margin-left: 14px;
}

#bd #sub-promo ul,
#bd #managedatasources ul,
#bd #solutions ul { 
  margin: 10px 0 10px 20px;
}

#bd #sub-promo ul li,
#bd #managedatasources ul li,
#bd #solutions ul li { 
  list-style-image:url(../assets/doublecarat.gif);
  color: #666;
  margin-top:6px;
  margin-left:20px;
  margin-right:10px;
}

#bd #sub-promo .bottom {
  text-align: right;
  margin: 0px 20px 10px 20px;
}
#bd #sub-promo .bottom a {
  padding-top: 6px;
  display: block;
}


#bd .yui-gb .yui-u a.header { 
  display: block;
  width: 300px;
  height: 50px;
  text-indent: -9999px;
  margin-bottom: 14px;
  outline:none;
}
#bd .yui-gb .yui-u a.header:hover { 
}

#bd .yui-gb #sp-powerpoint a.header { 
  background: url(../assets/home_product_header_pp.png) no-repeat;
}
#bd .yui-gb #sp-excel a.header { 
  background: url(../assets/home_product_header_excel.png) no-repeat;
}
#bd .yui-gb #sp-gadgets a.header { 
  background: url(../assets/home_product_header_gadgets.png) no-repeat;
}

#bd #spotlights { 
  padding-top: 17px;
  padding-bottom: 20px;
  margin-top: 14px;
  margin-bottom: 14px;
  background: url(../assets/dotted_line_horiz_940.png) no-repeat;
}

#bd #spotlights .yui-u .yui-gf { 
  background: url(../assets/dotted_line_horiz_940.png) no-repeat;
  padding-top: 14px;
  width: 100%;
  margin-left: 0;
  font-size: 12px;
  line-height: 1.5em;
}

#bd #spotlights .yui-u .yui-gf .first { 
  padding-top:10px;
}

#bd #spotlights .yui-u .yui-gf span { 
 padding-right:10px;
}

/*
#bd .newsinfo {
  background: url(../assets/dotted_line_horiz_940.png) no-repeat;
  padding: 8px 30px;
}
*/


#bd #homecallouts { 
 background: url(../assets/dotted_line_horiz_940.png) no-repeat;
 padding-top: 14px;
 padding-bottom: 30px;
}

#bd #homecallouts .yui-u {
 min-height: 140px;
 background-color: #eef8e8;
}

#bd #homecallouts .yui-u .grey22 {
  line-height: 1.2em;
}

#bd #homecallouts #quote { 
 width: 560px;
 padding-top: 24px;
 padding-left: 10px;
}

#bd #homecallouts #quoted { 
 padding-top: 8px;
 padding-left: 50px;
}

#bd #homecallouts .second {
  background-image: url(../assets/icon_demos.png);
  background-repeat:no-repeat;
  background-position:210px 20px;
}

#bd #homecallouts .top {
  margin-top: 30px;
  margin-left: 20px;
}

#bd #homecallouts .bottom {
  margin: 15px 20px;
}

#homecallouts .bottom a {
  padding-top: 6px;
  display: block;
}





/* ====== pricing page ======= */




.bd-product .yui-gc > .first,
.bd-general .yui-gc > .first { 
 background-repeat: repeat-y;
 background-position: top right;
 background-image: url('../assets/dotted_line_vert.png');
}


div#pricing h1.header {
  margin-top: 0;
  margin-bottom: 10;
  display: block;
  width: 580px;
  height: 50px;
  text-indent: -9999px;
  padding-bottom: 25px;
  background: url('../assets/header_pricing.png') no-repeat;
}

#pricing table {
  border-collapse:collapse; 
  width: 100%;
}

#pricing table tbody tr { 
  height: 32px;
}

#pricing table tbody tr.toprow {
  height: 32px;
}

#pricing table tbody tr.toprow th,
#pricing table tbody tr.toprow td {
  background-color: #9dc208;
}

#pricing table tbody tr.toprow th { 
  background-image: none;
}

#pricing table tbody tr.toprow th,
#pricing table tbody tr.toprow td {
  border-bottom: 0;
}

#pricing table tbody tr th.check { 
  display: block;
  width: 27px;
  height: 29px;
  background: url('../assets/checkmark_green.png') no-repeat;
}


#pricing table tbody tr.toprow th {
  width: 100%;
}

#pricing table#plan tbody tr.toprow th {
  width: 160px;
}

#changeplan #pricing table#plan tbody tr.toprow th {
  width: 220px;
}

#pricing table#plan tbody tr.toprow label {
  padding-left: 5px;
}

#pricing table tbody tr.pricerow th,
#pricing table tbody tr.pricerow td {
  border-bottom: 0;
  background: none;
  font-weight: bold;
  font-size: 14px;
  color: #dd6a00;
}

#pricing table tbody tr.buttonrow th {
  padding-top: 5px;
  background: none;
}
#pricing table tbody tr.buttonrow td {
  font-weight: bold;
  font-size: 14px;
}
#pricing table tbody tr.buttonrow td a {
  color: #dd6a00;
}


#pricing table tbody tr th, 
#pricing table tbody tr td { 
  height: 32px;
  border-bottom: 1px solid #ccc;
}

#pricing table tbody tr.buttonrow th,
#pricing table tbody tr.buttonrow td {
  border-bottom: 0;
}

#pricing table tbody tr.toprow th,
#pricing table tbody tr.toprow td {
  border-bottom: 0;
  font-weight:bold;
  font-size:14px;
  color:white;
}

#pricing table tbody tr th {
  background: url('../assets/checkmark_green.png') no-repeat 2px 2px;
  font-size: 12px;
  color: #228800;
  padding-left: 30px;
}

#signup #pricing table tbody tr th {
  padding-left: 10px;
}
#signup #pricing table#plan tbody tr.toprow th {
  width: 180px;
}

#signup .Required {
  font-weight: bold;
}


#pricing table tbody tr td {
  font-size: 14px;
  text-align: center;
  color: #666;
}


/* ==== Register page ==== */

#bd #signup div.HeaderPanel,
#bd #signup div.FooterPanel {
  border: 1px solid DarkRed;
  margin: 8px 24px 4px 4px;
  padding: 4px;
  background-color: #ffc;
}

#bd #signup h2.header { 
  font-size: 30px;
  color: #00aec2;
  padding-bottom: 15px;
  padding-right:20px;
}

#signup p.punchline { 
  font-size: 16px;
  color: #393e41;
  padding-bottom: 25px;
  padding-right:20px;
}

#signup p.rightnote { 
  padding-bottom:4px;
  padding-right:20px;
  font-size:10px;
  color:#777;
  text-align:right;
}

#signup p.pbnote { 
  padding-top:6px;
  padding-right:8px;
  font-size:11px;
  color:#777;
  text-align:right;
}

#signup th.limits a { 
  color: white;
  text-decoration: underline;
}

#purchasesupport .success,
#account .success,
#signup .success,
#changecc .success { 
  font-weight: bold;
  color: #002E00;
}

#purchasesupport .fail,
#account .fail,
#signup .fail,
#changecc .fail { 
  font-weight: bold;
  color: DarkRed;
}

#bd #signup #thankyou p {
  margin-top: 8px;
}


fieldset {
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  margin-right:20pt;
  margin-bottom:20pt;
  padding:5pt 12pt 12px 12px;
  border-radius: 5pt;
}

fieldset legend {
  font-weight: bold;
  font-size: 14px;
  color: #dd6a00;
  padding: 5px;
}


fieldset.final {
  margin-bottom: 0px;
}

table.signup input {
  font-size:14px;
  padding:2px;
}

table.signup p {
  font-size: 14px;
  line-height: 1.5em;
  color: #666;
}

table.signup select {
  font-weight:normal;
}

#purchasesupport table.signup select,
#signup table.signup select {
  height: 1.8em;
}


table.signup {
  display:block;
  margin: 10px 10px 10px 20px;
}

table.signup td {
  padding: 3px;
}

table.signup th {
  font-size: 12px;
  color:#666;
  white-space:nowrap;
  text-align:left;
  vertical-align:top;
  padding: 7px 5px 0px 0px;
}
/* TODO: check if still used */
table.signup td small {
  font-size: 10px;
  color:#666;
}

#purchasesupport table.signup input,
#signup table.signup input,
table.signup select { 
  border-color:222;
/*
  border-style:solid;
  border-width:1px;
*/
}

#purchasesupport table.signup input[type=radio] {
  padding-right: 20px;
}


/* ==== FAQ page ==== */

#faq .header {
 font-size: 30px;
 color:#00aec2;
 height: 70px;
 padding-top:8px;
 padding-left:86px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/icon_faqs.png');
}

#faq p.question {
  font-size: 16px;
  margin-bottom: 12px;
  padding-right: 20px;
  color: #228800;
}

#faq p.question span.ql {
  font-size: 24px;
  font-weight: bold;
  color: #9dc208;
  margin-bottom: 20px;
}

#faq .answer { 
  font-size: 12px;
  color: #666;
  line-height: 1.5em;
  padding-right: 20px;
  padding-bottom: 8px;
}

#faq .spaced { 
  margin-bottom: 26px;
}

#faq .footer { 
 padding-left:20px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/arrow_green.png');
 font-size: 15px;
}

#faq ul,
#faq ol,
#ppt ul {
  margin: 10px 0 20px 20px;
}

#faq ul li,
#ppt ul li {
  list-style-image:url(../assets/doublecarat.gif);
  color: #666;
  margin-top:8px;
  margin-left:20px;
  margin-right:10px;
}



/* ==== demos page ==== */

/* TODO: shared stuff into 
#bd .yui-gc .yui-u .header
*/

#bd #demos .header {
 font-size: 30px;
 color: #00aec2;
 padding-bottom: 12px;
 padding-left: 74px;
 margin-top: 0px;
 background-repeat: no-repeat;
 background-position: top left;
 background-image: url('../assets/icon_demos_trans.png');
}


#bd #demos h2.subheader { 
  display: block;
  width: 559px;
  height: 46px;
  text-indent: -9999px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#bd #demos h2.ppt { 
  background: url('../assets/demos_header_pp.png') no-repeat;
}

#bd #demos h2.excel { 
  background: url('../assets/demos_header_excel.png') no-repeat;
}

#bd #demos h2.gadget { 
  background: url('../assets/demos_header_gadgets.png') no-repeat;
}

p.demolink { 
  padding-left: 18px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 14px;
}

div#news p.demolink,
div#demos p.ppt {
  background-image: url('../assets/arrow_green.png');
}
div#demos p.ppt a {
  color: #228800;
}

div#demos p.excel {
  background-image: url('../assets/arrow_orange.png');
}
div#demos p.excel a {
  color: #dd6a00;
}

div#demos p.gadget {
  background-image: url('../assets/arrow_blue.png');
}
div#demos p.gadget a {
  color: #00aec2;
}

div#demos p.footer {
  padding-top: 20px;
}

/* ==== demos page ==== */

/* TODO: shared stuff into 
#bd .yui-gc .yui-u .header
*/

#gaql .header {
 font-size: 30px;
 color:#00aec2;
  padding-bottom: 14px;
}

#gaql .green15 {
  padding-bottom: 36px;
}


div#gaql p.ppt {
  background-image: url('../assets/arrow_green.png');
}
div#gaql p.ppt a {
  color: #228800;
}


a.signupfooter {
  display: block;
  width: 248px;
  height: 35px;
  text-indent: -9999px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url('../assets/button_signupnow.png');
  outline:none;
}


/* ==== products pages === */

#bd .yui-gc h2.header { 
 font-size: 30px;
}

/* add extra space in left col if is shorter than sidebar */
#bd #excel div.first,
#bd #gadgets div.first {
  padding-bottom:50px;
}

#bd #myshufflepoint div.first { 
  padding-bottom:15px;
}


#bd #ppt h2.header { 
 color: #228800;
 padding-top:160px;
 background: url('../assets/features_header_pp.png') no-repeat;
}

#bd #excel h2.header { 
 color: #dd6a00;
 padding-top:160px;
 background: url('../assets/features_header_excel.png') no-repeat;
}

#bd #excel h2.header em { 
 color: #dd6a00;
 font-style: italic;
}

#bd #excel ul {
  margin-top: 10px;
  margin-left: 24px;
  margin-right: 32px;
}

#bd #excel ul li {
  color: #228800;
  margin-left: 16px;
  list-style-image: url(../assets/doublecarat.gif);
}


#bd #gadgets h2.header { 
 color: #00aec2;
 padding-top:160px;
 background: url('../assets/features_header_gadgets.png') no-repeat;
}

#bd .twocolumn {
  overflow: hidden;
  margin-top: 10px;
}

.twocolumn p.check {
  padding: 2px 14px 8px 32px;
  font-size: 14px;
}

.twocolumn p.green {
  background: url('../assets/checkmark_green.png') no-repeat;
  color: #228800;
}

.twocolumn p.orange {
  background: url('../assets/checkmark_orange.png') no-repeat;
  color: #dd6a00;
}

.twocolumn p.blue {
  background: url('../assets/checkmark_blue.png') no-repeat;
  color: #00aec2;
}

.twocolumn p {
  padding-right: 14px;
}

.twocolumn p.nopad {
  padding-right: 0px;
}


/* ==== doc pages (terms, etc) === */

#bd .legal { 
  width: 800px;
}

#bd .legal a {
  text-decoration: underline;
  color: 273;
}

#bd .legal strong em,
#bd .legal em strong {
  font-weight:bold;
  font-style:italic;
}

#bd .legal em {
  color: black;
  font-style:italic;
}

#bd .legal abbr,
#bd .legal acronym {
  color: darkgreen;
  cursor: help;
  border-bottom: 1px dashed #000;
}

#bd .legal h1,
#bd .legal h2,
#bd .legal h3 {
  color: black;
}

#bd .legal h1 {
  font-size: 20px;
  padding-bottom: 10px;
}

#bd .legal h2 {
  font-size: 16px;
  padding-top: 16px;
}

#bd .legal h3 {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 8px;
}

#bd .legal h4,
#bd .legal h5 {
  line-height: 1.4em;
  padding-top: 6px;
  font-size: 12px;
  color: black;
}

#bd #contact,
#bd #requirements {
  width: 500px;
  padding-bottom: 20px;
}

#requirements ul li {
  list-style-image:url(../assets/doublecarat.gif);
  margin-top:8px;
  margin-left:20px;
  margin-right:10px;
}

/* ==== Links page ==== */

dl.resources {
  margin-left: 20px;
  margin-top: 10px;
  width: 75%;
}

dl.resources dt {
  font-weight:bold;
  margin:0pt;
  padding:0pt 0pt 0.5ex;
}

dl.resources dd {
  margin:0pt 0pt 0.5em 1.5em;
  padding:0pt;
}

/* ==== Testimonials page ==== */

#testimonials dl {
  margin-left: 20px;
  margin-top: 10px;
  width: 65%;
}

#testimonials dl dt {
  font-weight:bold;
  margin:0pt;
  padding:10pt 0pt 0.5ex;
}

#testimonials dl dd {
  margin:0pt 0pt 0.5em 1.5em;
  line-height: 1.4em;
  color: #393e41;
  padding:0pt;
}

/* ====  ==== */

#bd #managega ol > li {
  margin-right: 10px;
  margin-left: 20px;
  list-style-type: decimal;
}


/* ==== single column pages ==== */

#bd .singlecol { 
  width: 800px;
  padding-bottom: 10px;
}


#bd h1 { 
  font-size: 30px;
  color: #00AEC2;
  margin-bottom: 15px;
  margin-right: 20px;
}

#bd h2 { 
  font-size: 20px;
  color: #00AEC2;
  margin-top: 12px;
  margin-bottom: 10px;
}

#custom-doc .bd-product h2 {
  margin-top: 0px;
}

#custom-doc #bd .xml_editor_header h2 {
  margin-top: 0px;
  padding-left:6px;
  margin-bottom: 8px;
}

#bd #datasources h1,
#bd #support h1 { 
  margin-top: 20px;
}

#bd #datasources h3,
#bd #support h3 { 
  margin-top: 14px;
  margin-bottom: 10px;
}

#bd #support h3 { 
  margin-bottom: 10px;
}

#bd #myinfo h1 { 
  padding-bottom: 0px;
}

#bd #myinfo p.userinfo { 
  padding-top:5px;
  padding-bottom:10px;
  color: #228800;
}

#bd #myinfo p.userinfo span:first-child { 
  color: #666;
  padding-right: 8px;
}

#bd #myinfo p.wrapbutton { 
  margin-top:20px;

}

#bd #myinfo input {
  font-size: 13px;
  padding: 2px;
}

#bd strong { 
  font-weight: bold;
}


#bd p.sect { 
  margin: 10px 0;
}

#bd p.bottomlink { 
  margin: 10px 20px;
}

#bd p.bottomlink .last4 { 
  color: darkgreen;
}

#bd p.return,
#bd #managega p.return {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
}

#bd .singlecol .linkbuttons {
  margin-top: 20px;
  margin-left: 20px;
}


#survey .feature {
  color: #015B38;
  font-weight: bold;
  padding-top: 12px;
}

#survey .feedback {
  font-style: italic;
}

#survey .feedback input {
  padding-top: 6px;
}

#survey .feedback label {
  font-size: 90%;
  padding-top: 0px;
  padding-right: 6px;
}

#survey .custom {
  font-weight: normal;
  width: 420px;
}



div.formcontainer table.ChangePassword tbody tr th,
div.formcontainer table.Profile tbody tr th {
  text-align: left;
  padding-top: 7px;
  vertical-align: top;
}


div.formcontainer table.ChangePassword tbody tr td,
div.formcontainer table.Profile tbody tr td {
  padding-top: 5px;
  padding-left: 5px;
  vertical-align: top;
}

div#signup table.signup tbody tr td span,
div#myinfo table.ChangePassword tbody tr td span,
div.formcontainer table.ChangePassword tbody tr td span {
  cursor: pointer;
  color: darkred;
}

div.formcontainer input,
div.formcontainer select {
  padding: 2px;
}

/* form tables */

table.formtable td,
table.formtable th {
  padding: 2px;
}

table.formtable tbody td span {
  padding-left: 5px;
}


/* ASP.NET controls style */

.clsLogin table td {
  text-align:left;
  font-size: 120%;
  padding: 6px;
}


.hpLoginButton {
  background: url(../assets/button_login.png) no-repeat;
  border: black 0px solid;
  width: 104px;
  height: 35px;
  margin: 20px 0px 10px 140px;
  cursor: pointer;
}

.forgotPassword {
  width: 220px;
}

TABLE.clsLogin a {
  font-size: 100%;
}


/*
table.ChangePwd {
  width: 400px;
}


table.ChangePwd tbody td {
  text-align: left;
  padding-bottom: 3px;
  padding-right: 10px;
  white-space: nowrap;
}

*/

/* rounded corner buttons */

.button:link,
.button:visited { /* Top left corner, top edge */
  float:left;
  margin: 2px;
  color:#ddd;
  background:#333 url(../assets/button-green.gif) no-repeat;
  text-decoration:none;
}
.button * {display:block;}
.button span { /* Top right corner */
  padding:6px 0 0;
  background:url(../assets/corners-green.gif) no-repeat right top;
}
.button span span { /* Bottom left corner, left and bottom edges */
  padding:0 0 0 6px;
  background:url(../assets/button-green.gif) no-repeat left bottom;
}
.button span span span { /* Bottom right corner */
  padding:0 0 6px;
  background:url(../assets/corners-green.gif) no-repeat right bottom;
}
.button span span span span { /* Right edge */
  padding:0px 8px 0px 4px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
  background:url(../assets/button-green.gif) no-repeat right center;
}
.button:hover,
.button:focus,
.button:active { /* Make the button more visible on :hover and :focus */
  outline:2px solid #ff0; /* Not supported by IE/Win :-( */
  color:#fff;

}

#bd #fonts ul {
  margin: 12px;
}
#bd #fonts ul li {
  margin: 4px;
}

#bd .alertcallout { 
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;
  padding: 0px 8px 8px 8px;
  background-color: #fcfcdd;
  border: 1px solid #015B38;
}

#bd .alertcallout p {
  margin-bottom: 4px;
}

#bd .alertcallout h3 {
  padding-top: 10px;
  padding-bottom: 4px;
}

#bd #myshufflepoint h2,
#bd #managega h2 { 
  font-size: 20px;
  padding-top: 6px;
  margin-bottom: 6px;
}
#bd #myshufflepoint .promobox h2 {
  padding-top: 0px;
}

#bd #myshufflepoint .first h2 { 
  margin-top: 12px;
  margin-bottom: 6px;
}

#bd #myshufflepoint .first h3 { 
  font-size: 14px;
}

#bd #myshufflepoint #sidebar .note { 
  font-style: italic;
  font-size: 90%;
  padding-left: 6px;
}

#sidebar .promobox .bottom a {
  padding-top: 6px;
  display: block;
}

#bd #myshufflepoint .launchbutton {
  display: block;
  height: 40px;
  text-indent: -9999px;
  margin-top:20px;
  margin-bottom:20px;
  background-repeat: no-repeat;
  background-position: top left;
  outline:none;
}

#bd #myshufflepoint #LaunchGaqlButton {
  width: 253px;
  background-image: url('../assets/button_launch_query_tool.png');
}

#bd #myshufflepoint #LaunchStudioButton {
  width: 244px;
  background-image: url('../assets/button_launch_sp_studio.png');
}

#bd #myshufflepoint em {
 font-style: italic;
}


#bd  a.grantaccess {
  display: block;
  width: 137px;
  height: 27px;
  text-indent: -9999px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url('../assets/button_access.png') no-repeat;
  outline:none;
}

#bd  a.selectdefaults {
  display: block;
  width: 137px;
  height: 27px;
  text-indent: -9999px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url('../assets/button_select_defaults.png') no-repeat;
  outline:none;
}



#bd #managega p {
  margin: 8px;
}

#bd #managega .notice { 
  font-size: 13px;
  font-weight: bold;
}
#bd #managega .info { 
  font-style: italic;
  color: #610000;
}
#bd #managega .mini {
  font-size: 11px;
  font-weight: normal;
}


#bd #managega #acctlist,
#bd #managega #seglist {
  padding: 8px;
  border: 1px solid #aaa;
  width: 700px;
  overflow-y: auto;
  margin-bottom: 20px;
}

#bd #managega #acctlist {
  max-height: 400px;
}
#bd #managega #seglist {
  height: 160px;
}


#bd #managega #gacounts {
  padding-left: 8px;
}
#bd #managega #gacounts p {
  line-height: 1.1em;
}
#bd #managega #gacounts p span {
  font-weight: bold;
  color: darkred;
}

#bd #managega optgroup {
  padding: 1px;
  font-style:italic;
  font-weight:bold;
}

#bd #managega option {
  font-style:normal;
  font-weight:normal;
}

#bd .singlecol ol,
#bd #managega ol {
  margin-left:12px;
  padding-left:24px;
}

#bd .singlecol ol li,
#bd #managega ol li {
  list-style-position:outside;
  list-style-type:decimal;
  padding:1px;
}

#bd .singlecol ol li p,
#bd #managega ol li p {
  margin: 0px;
}

#bd #managega textarea {
  padding:3px;
}

/*
#bd #managega input {
  padding:2px 6px;
}
*/

#bd ol.alpha li {
  margin-left: 22px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:lower-alpha;
}

#bd #myshufflepoint .promobox p { 
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4em;
  color: #666; 
}


#addusers ul { 
  margin: 10px 14px;
}

#addusers ul li { 
  padding:3px;
}

#addusers .notice { 
  padding-top:10px;
  padding-bottom:6px;
/*  color: black; */
  font-weight: bold;
}

#genppt .infopanel p { 
  margin: 8px;
}

#genppt .infopanel h3 { 
  color: black;
  padding-top: 12px;
  padding-bottom: 6px;
}

#bd .allprices { 
  padding-bottom:4px;
  font-size:10px;
  color:#777;
  text-align:right;
}


/* === popup windows === */

div#popup {
  text-align:left;
  padding: 20px;
  width: 530px;
}

div#popup h1 {
  text-align:center;
  color: #163;
  font-size: 24px;
  padding-bottom: 10px;
}

div#popup h2 {
  color:#DD6A00;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#popup p { 
  font-size: 12px;
  line-height: 1.4em;
  color: #393e41;
  margin-top:6px;
}

div#popup #close {
  font-size: 20px; 
  margin-top:30px;
  text-align:center;
}

div#popup #close a {
  text-decoration: underline;
}

/* === news page === */

#news .newsheader {
  margin: 10px;
}

#bd #news div.first { 
  padding-bottom:300px;
}

#news .news-section {
  margin-bottom: 20px;
}

#news .abstract {
  margin-left: 30px;
  margin-right: 30px;
  font-style:italic;
}

#news .title {
  margin-left: 20px;
  color: #dd6a00;
  font-weight:bold;
}

#news .link {
  margin-left: 20px;
}

/* === history === */

.history {
  margin-left: 30px;
}


/* === support === */

#bd #support {
  width: 40em;
  overflow: hiddent;
}

#bd #support p { 
  line-height: 1.4em;
  margin-top:6px;
}

#bd #support ul {
  margin: 10px 0 20px 20px;
}

#bd #support ul li {
  list-style-image:url(../assets/doublecarat.gif);
  margin-top:8px;
  margin-left:20px;
  margin-right:10px;
}

/* === automation === */

#bd #automation p {
}

#bd #automation ul {
  margin: 10px 0 20px 20px;
}

#bd #automation ul li {
  margin-top: 6px;
  margin-right: 10px;
  margin-left: 20px;
  color: #393e41;
  list-style-image: url(../assets/doublecarat.gif);
}


/* manage datasources */

#bd div#managedatasources { 
  width: 600px;
}

div#managedatasources div.formcontainer { 
  margin-top: 20px;
}

/* powerpoint.aspx */

#ppt .first p { 
  padding: 0px 12px 10px 12px;
}

#ppt p.slides { 
  padding-top:20px;
  text-align:center;
}

#ppt p.slides img {
  border: 1px solid #777;
  margin-bottom: 16px;
}


/* ManageCatalog.aspx */

#bd #managecatalog .infopanel input {
  font-size:11px;
  padding:2px 3px;
}

/* Gallery.aspx */

#bd #gallery 
{ 
  width: 100%;
}


#bd #gallery .overview
{ 
  width: 500px;
}

#bd #gallery .section { 
  padding-top: 17px;
  padding-bottom: 20px;
  margin-top: 14px;
  margin-bottom: 14px;
  background: url(../assets/dotted_line_horiz_940.png) no-repeat;
}

#bd #gallery .sectiontitle { 
  margin-bottom: 10px;
}

#bd #gallery .sectiondesc
{ 
  width: 500px;
}


#bd #gallery .yui-g { 
  margin-top: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f2f2f2;
}

#bd #gallery .yui-g .first p {
  margin: 10px;
}

#bd #gallery .yui-g .first p.download {
  margin-left: 25px;
}

#bd #gallery .reporttitle { 
  font-weight: bold;
  font-size:18px;
}

#bd #gallery .instr {
  padding: 22px 10px 0 10px;
  font-style:italic;
  color:darkred;
}

#bd #managedatasources h2 {
  margin-top: 24px;
}

/* Manage AdWords */

.awAcctList {
  border:1px solid grey;
  padding:5px;
  margin-left:30px;
  height:300px;
  overflow-y:scroll;
}

/* currently used in display of available facebook insights */

table.grid {
 border-collapse:separate;
 border-spacing: 5px;
}

table.grid th,
table.grid td {
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: top;
}
table.grid th {
  font-style:italic;
}
table.grid td {
  color: #333;
}


p.underline a {
 text-decoration: underline;
}

/* validation messages */

div#ValidationErrors {
  font-size: 13px;
  color: darkred;
  margin-bottom: 16px;
}

/* register.aspx */

div.ValidationSummary ul {
  margin: 10px 0 20px 20px;
}

div.ValidationSummary ul li {
  list-style-image:url(../assets/doublecarat.gif);
  margin-top:8px;
}

/* ChangeCC.aspx */

span.rate {
  font-weight: bold;
  color: #00aec2;
}

/* placeholder */

input::-webkit-input-placeholder {
	color: rgba(0,5,143,.5);
}
input::-moz-placeholder {
	color: rgba(0,5,143,.5);
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: rgba(0,5,143,.5);
}
input:-ms-input-placeholder { 
	color: rgba(0,5,143,.5);
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

.loading {
  text-align: center;
  font-size: 24px;
  padding: 30px;
  color: #00aec2;
}

/* For change password */

.InfoBox {
  background-color: #ffa;
  border: solid 1px #333;
  padding: 4px;
  width: 88%;
  margin-bottom: 16px;
}