html {
  overflow-y: scroll;
  }
body {
  font-family: verdana;
  }
.js {
  display:none;
  }
.clear {
  clear: both;
  }
sup {
  vertical-align: super;
  }
sub {
  vertical-align: sub;
  }
small {
  font-size: 50%;
  }
#doc2 {
  margin:auto; 
  border: 1px solid #e2e3e4; /* light gray */
  }
hr {
  color: #e2e3e4;
  width: 98%;
  height: 1px;
  text-align: center;
  }


#hd {
  color: #505050; /* dark gray */
  text-align: left;
  font-size: 95%;
  padding: .5em .5em 0 .5em;
  }
#hd #logo {
  float:left;
  }
#hd h1, #hd h2 {
  display: none;
  }
#menu {
  width: 65%;
  float: right;
  margin: 1.7em 0 0 0;
  }
#menu a {
  color: #990000; /* dark red */ 
  font-weight: bold;
  }
#hd .menu-item {
  float: left;
  margin: 0 1em 0 1em;
  }
#hd .menu-item-2 {
  float: right;
  margin: 0 .5em 0 1em;
  }
#header-bar {
  height: 18px;
  margin: 0 0 .5em 0;
  }


#bd {
  font-size: 95%;
  text-align:left; 
  background-color: #ffffff; 
  padding: 0 .5em 0 .5em;
  }

#ft {
  padding: .5em;
  text-align: center;
  font-size: 85%;
  color: #939598; /* medium gray */
  }
#footer-bar {
  background-color: #990000; /* dark red */
  font-size: 110%;
  padding: .5em 0 .5em 0;
  }
#footer-bar a {
  color: #fff;
  font-weight: bold;
  }

#footer {
  padding-top: 5px;
  padding-bottom: 5px;
  }

#copyright {
  padding: 1em 0 0 0;
  }
#copyright a {
  color: #939598; /* medium gray */
  }

strong {
  font-weight: bold;
  }

a {
  text-decoration: none;
  color: #990000; /* dark red */
  }

a:hover {
  text-decoration: underline;
  }


h2 {
  font-weight: bold;
  }



.homepage-icon1 {
  background: transparent url('images/homepage-icons-52x165.jpg') -1px -5px no-repeat;
  width: 50px;
  height: 50px;
  }
.homepage-icon2 {
  background: transparent url('images/homepage-icons-52x165.jpg') -1px -61px no-repeat;
  width: 50px;
  height: 50px;
  }
.homepage-icon3 {
  background: transparent url('images/homepage-icons-52x165.jpg') -1px -112px no-repeat;
  width: 50px;
  height: 50px;
  }

.value1 {
  background: transparent url('images/value-prop-boxes-909x137.gif') -7px -5px no-repeat;
  width: 292px;
  height: 129px;
  }
.value2 {
  background: transparent url('images/value-prop-boxes-909x137.gif') -309px -5px no-repeat;
  width: 292px;
  height: 129px;
  }
.value3 {
  background: transparent url('images/value-prop-boxes-909x137.gif') -610px -5px no-repeat;
  width: 292px;
  height: 129px;
  }

#homepage {
  
  }
#homepage .search-bar {
  height: 89px;
  background: transparent url('images/red-orange-gradient-9x89.jpg') repeat left top; 
  }
#homepage .welcome {
  height: 25em;
  background-color: #ff6600;
  }
#homepage .feature-title {
  font-size:125%;
  color:#990000;
  font-weight:bold;
  margin:.5em 0 0 0;
  }
#homepage .feature-desc {
  color:#ffffff;
  font-weight:bold;
  }


#homepage .value {
  height: 12.5em;
  background-color: #990000;
  }
#homepage .value-title {
  padding:1em 0 0 3.5em;
  font-size:135%;
  font-weight:bold;
  color:#990000;
  }
#homepage .value-desc {
  padding: 1.25em 1.5em 1.5em 1.5em;
  }
#homepage .logos {
  background-color: #ffffff;
  }
#homepage .logo {
  float:left;
  margin: 1em 2em 0 2em;
  }

#homepage-splash-list {
  font-size: 140%;
  margin: 1em 1em 1em 1em;
  }
#homepage-splash-list li {
  list-style: disc outside;
  margin-bottom: .5em;
  color: #ff6600; /* orange */
  }
#homepage-splash-list li .content {
  color: #222;
  }





#pricing {
  }
#pricing .bar {
  height: 37px;
  background: transparent url('images/gray-white-gradient-12x37.jpg') repeat left top; 
  }
#pricing .step1.selected {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -0px no-repeat;
  width: 198px;
  height: 45px;
  }
#pricing .step2.selected {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -43px no-repeat;
  width: 198px;
  height: 45px;
  }
#pricing .step3.selected {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -90px no-repeat;
  width: 198px;
  height: 45px;
  margin: 0 0 0 25px;
  }
#pricing .step1 {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -130px no-repeat;
  width: 198px;
  height: 45px;
  }
#pricing .step2 {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -173px no-repeat;
  width: 198px;
  height: 45px;
  }
#pricing .step3 {
  background: transparent url('images/billing-cycle-198x261.gif') -0px -217px no-repeat;
  width: 198px;
  height: 45px;
  margin: 0 0 0 25px;
  }


#pricing .icon1 {
  background: transparent url('images/select-plan-icons-37x98.gif') -0px -0px no-repeat;
  width: 37px;
  height: 30px;
  }
#pricing .icon2 {
  background: transparent url('images/select-plan-icons-37x98.gif') -0px -32px no-repeat;
  width: 37px;
  height: 30px;
  }
#pricing .icon3 {
  background: transparent url('images/select-plan-icons-37x98.gif') -0px -70px no-repeat;
  width: 37px;
  height: 30px;
  }

#pricing .arrow {
  background: transparent url('images/select-plan-arrow-12x12.gif') 0px 0px no-repeat;
  width: 12px;
  height: 12px;
  float:left;
  margin:.2em .5em .2em 0;
  }
#pricing .check {
  background: transparent url('images/icon-check-18x18.jpg') 0px 0px no-repeat;
  width: 15px;
  height: 12px;
  }
#pricing .signup {
  background: transparent url('images/signup-107x28.png') 0px 0px no-repeat;
  width: 107px;
  height: 28px;
  }
#pricing .rc-tl {
  background: transparent url('images/rc-tl-fa0001-ffffff-15x15.png') no-repeat top left;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  }
#pricing .rc-tr {
  background: transparent url('images/rc-tr-fa0001-ffffff-15x15.png') no-repeat top right;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  }


#pricing table {
  margin: 0 0 0 2em;
  border: none;
  }
#pricing thead {
  background-color: #fa0001;
  border-color: #979797;
  border-style: solid;
  border-width: 1px;
  }
#pricing thead th {
  border-color: #979797;
  border-style: solid;
  border-width: 2px;
  text-align: center;
  padding: 1em;
  }
#pricing thead th.plan {
  padding: .5em;
  text-align: center;
  }
#pricing thead tr th.plan a img {
  margin-top: .5em;
  }
#pricing .plan-type {
  color: #000000;
  font-size: 130%;
  font-weight: bold;
  }
#pricing .plan-fee {
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  }
#pricing tbody td {
  border-color: #979797;
  border-style: solid;
  border-width: 1px;
  }
#pricing tbody tr.feature {
  background-color: #666666;
  color: #ffffff;
  }
#pricing tbody td.feature {
  font-weight: bold;
  font-size: 150%;
  padding: .5em 0 .5em .5em;
  }
#pricing tbody tr.feature-desc {
  font-weight: bold;
  font-size: 100%;
  padding: .5em 0 .5em .5em;
  color: #666666;
  text-align:center;
  }
#pricing tbody tr.feature-desc td.desc {
  padding: .5em 0 .5em .5em;
  background-color: #ededed;
  text-align:left;
  }




.yui-button {
  border-width: 1px 0;
  border-style: solid;
  border-color: #004d89;
  margin: auto .25em;
  background: url('images/gloss.png') repeat-x left center;
  }
.ie6 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gloss.png', sizingMethod = 'scale');
  }
.yui-button .first-child {
  border-width: 0 1px;
  border-style: solid;
  border-color: #004d89;
  margin: 0 -1px;
  *position: relative;
  *left: -1px;
  }
.yui-button button,
.yui-button a {
  padding: 0 10px;
  font-size: 93%;  /* 12px */
  line-height: 2;  /* ~24px */
  *line-height: 1.7; /* For IE */
  min-height: 2em; /* For Gecko */
  *min-height: auto; /* For IE */
  color: #fff;
  border: solid 1px #599acd;
  }
.yui-button#ok-button {
  background-color: #004d89;
  }










.box1 {
  height: 4em;
  background-color: #9fc9fe;
  margin: 0 0 1em 0;
  position: relative;
  padding: 1em;
  }
.box1 .tl {
  background: transparent url('images/rc-tl-9fc9fe.png') no-repeat left top; 
  width:8px;
  height:8px;
  top:0;
  left:0;
  position:absolute;
  }
.box1 .tr {
  background: transparent url('images/rc-tr-9fc9fe.png') no-repeat left top; 
  width:8px;
  height:8px;
  top:0;
  right:0;
  position:absolute;
  }
.box1 .bl {
  background: transparent url('images/rc-bl-9fc9fe.png') no-repeat left top; 
  width:8px;
  height:8px;
  bottom:0;
  left:0;
  position:absolute;
  }
.box1 .br {
  background: transparent url('images/rc-br-9fc9fe.png') no-repeat left top; 
  width:8px;
  height:8px;
  bottom:0;
  right:0;
  position:absolute;
  }


.box2 {
  height: 4em;
  background: transparent url('images/blue-white-horizontal-gradient-550x5.gif') repeat-y left top;
  margin: 0 0 1em 0;
  position: relative;
  padding: 1em;
  }
.box2 .tl {
  background: transparent url('images/blue-white-horizontal-tl.gif') no-repeat left top; 
  width:8px;
  height:8px;
  top:0;
  left:0;
  position:absolute;
  }
.box2 .tr {
  background: transparent url('images/blue-white-horizontal-tr.gif') no-repeat left top; 
  width:8px;
  height:8px;
  top:0;
  right:0;
  position:absolute;
  }
.box2 .bl {
  background: transparent url('images/blue-white-horizontal-bl.gif') no-repeat left top; 
  width:8px;
  height:8px;
  bottom:0;
  left:0;
  position:absolute;
  }
.box2 .br {
  background: transparent url('images/blue-white-horizontal-br.gif') no-repeat left top; 
  width:8px;
  height:8px;
  bottom:0;
  right:0;
  position:absolute;
  }






.block1 {
  border-style: solid solid none none;
  border-width: 1px 1px 0 0;
  border-color: #e2e3e4; /* light gray */
  margin-bottom: .5em;
  height:12em;
  }
.block1-hd {
  font-size: 175%;
  padding: .25em;
  }
.block1-ct {
  font-size: 105%;
  padding: .25em;
  }


.block2 {
  border-color: #990000;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  }

.block2-hd {
  font-weight: bold;
  color: white;
  background-color: #990000;
  padding: 5px;
  }

.block2-ct {
  padding: 5px;
  }



.block3 {
  border-color: #009900;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  }

.block3-hd {
  font-weight: bold;
  color: white;
  background-color: #009900;
  padding: 5px;
  }

.block3-ct {
  padding: 5px;
  }



.block4 {
  border-color: #990099;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  }

.block4-hd {
  font-weight: bold;
  color: white;
  background-color: #990099;
  padding: 5px;
  }

.block4-ct {
  padding: 5px;
  }



.block5 {
  border-color: #0033cc;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  }

.block5-hd {
  font-weight: bold;
  color: white;
  background-color: #0033cc;
  padding: 5px;
  }

.block5-ct {
  padding: 5px;
  }



form fieldset {
  border: none;
  }
form legend {
  font-weight: bold; 
  }
form ol {
  list-style-type: none;
  list-style-position: outside;
  }
form ol ol {
  list-style-type: none;
  }
form li {
  margin-top: 10px;
  }
form .required {
  color: #ff0000;
  }
form .error {
  color: #ff0000;
  font-weight: bold;
  }



.notice {
  margin: 5px;
  padding: 5px;
  background-color: #0000cc;
  color: #ffffff;
  font-weight: bold;
  }
.notice a {
  color: #ffffff;
  }
.notice.success {
  background-color: #00cc00;
  }
.notice.warning {
  background-color: #ff0000; 
  }


form#lost-password label {
  float: left;
  text-align: right; 
  width: 130px;
  padding-right: 10px;
  }
form#lost-password .element {
  }
form#lost-password .error {
  }

fieldset#comment_form {
  border: 2px solid #000000;
  margin: 10px;
  padding: 10px;
  }

fieldset#comment_form legend {
  color: #000000;
  }
fieldset#comment_form ol{
  margin-left: 0;
  padding-left: 0;
  text-align: left;
  }





/* Paging */
.pager {
  border: 1px solid #e5e5e5;
  padding: .5em .5em;
  margin: 1em 0;
  font-size: 85%;
  }
.pager .clear {
  clear:both;
  }
.pager .totals {
  float:left;
  font-weight:bold;
  padding:.5em;
  }
.pages {
  float:right;
  padding:.5em;
  }
.pages a, .pages span {
  padding: 0.2em 0.2em;
  margin-right: 0.1em;
  border: 1px solid #fff;
  background: #fff;
  }
.pages span.current {
  border: 1px solid #2E6AB1;
  font-weight: bold;
  background: #2E6AB1;
  color: #fff;
  }
.pages a {
  border: 1px solid #9AAFE5;
  text-decoration: none;
  }
.pages a:hover {
  border-color: #2E6AB1;
  color: #000;
  }
.pages a.nextprev {
  font-weight: bold;
  }
.pages span.nextprev {
  border: 1px solid #ddd;
  color: #999;
  }




#quote {
  margin: 5px;
  font-style: italic;
  }

#p h1, #p h2 {
  font-weight: bold;
  }


.p-block1 {
  border-color: #003399;
  border-style: solid;
  border-width: 2px;
  margin-bottom: 10px;
  }

.p-block-hd1 {
  color: #ff6600;
  background-color: #003399;
  padding: 5px;
  }

.p-block-ct1 {
  padding: 5px;
  }


.p-block2 {
  border-color: #003399;
  border-style: solid;
  border-width: 2px;
  margin-bottom: 10px;
  }

.p-block-hd2 {
  color: #ff6600;
  background-color: #003399;
  padding: 5px;
  }

.p-block-ct2 {
  padding: 5px;
  }



ul#qstats {
  }

ul#qstats li {
  margin-bottom: 10px;
  }

#contact-table {
  width: 300px;
  height: 150px;
  margin-bottom: 10px;
  background-color: #ffffcc;
  }

.contact-button {
  width: 150px;
  height: 37.5px; 
  text-align: center;
  float: left;
  }
.contact-text {
  margin-top: 8px;
  font-weight: bold;
  }





#secondary-menu {
  margin-top: 0px;
  margin-bottom: 15px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  }
#secondary-menu li {
  display: inline;
  padding-right: 10px;
  }

#secondary-menu a {
  color: #0000ff;
  text-decoration: none;
  padding: 5px;
  background-color: none;
  }
#secondary-menu a:hover {
  color: #000000;
  text-decoration: underline;
  background-color: #aaaaaa;
  }
#secondary-menu .nolink {
  color: #063af2;
  font-weight: bold;
  background-color: #eeeeee;
  padding: 5px;
  margin-right: 10px;
  }


















#message strong {
  font-weight: bold;
  }
#message p {
  margin: 10px;
  }





#tos p {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  }
#tos strong {
  font-weight: bold;
  }
#tos h1 {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  }
#tos h2 {
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  }
#tos ol {
  list-style-type: decimal;
  text-align: left;
  margin-left: 20px;
  }
#tos ol li {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;
  }


#privacy p {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  }
#privacy h1 {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  }
#privacy h2 {
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  }
#privacy ul {
  list-style-type: disc;
  text-align: left;
  margin-left: 20px;
  }
#privacy ul li {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;
  }
#privacy ul li li {
  list-style-type: square;
  margin-left: 20px;
  }

/* Main Text Pages */

hr.text {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #EEEEEE;
  width: 75%;
  height: 1px;
  }

h1, h2 {
  margin-top: 1em;
  }

h1.title, h2.text, p.subtitle {
  font-family: verdana;
  color: #0066FF;
  letter-spacing: -0.03em;
  }

h1.title {
  color: #003399;
  font-size: 25px;
  font-weight: bold;
  }

h2.text {
  color: #990000;  /* dark red */
  font-size: 18px;
  }

p.subtitle {
  text-align: center;
  color: #0066FF;
  font-size: 15px;
  font-weight: bold;
  }

p {
  font-size: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 150%;
  }

div.text {
  margin-left: 2em;
  margin-bottom: 2em;
  }

img.text {
  margin-left: 20px;
  margin-right: 10px;
  }
  
td.date {
  width: 25%;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  }

td.news {
  padding: 0.5em;
  text-align: left;
  }

a.domain_name {
  color: #000;
  }

tr.domain:hover {
  background-color: #EEE;
  }

th { 
  text-align:left;
  }

td.empty {
  text-align:center;
  }

/* Account Setting */
td.account, th.account { border:0px; }
table.account { width:50%; } 
td.field { width:20em; }