body {
  font-family: "times new roman", serif;
  margin: 0px;
  padding: 0px;  
  background-color: #C0C0C0;
}

* {
margin:0;
}

#popup_error ul {
list-style-type:none;
}

#popup_error {
color:red;
}

#popup_error {
background-color:#FFFFFF;
border:2px groove black;
color:red;
left:50%;
padding:5px;
position:absolute;
top:50%;
z-index:5;
}

body, td {
font-size:11pt;
}

.page {
top:25px;
}

p, ul#genius {
  font-weight: normal;
  font-size: 12pt;
  color: #404040;
}

ul#genius {
  position:relative;
  left:20px;
}

p#footer {
font-size:9pt; 
text-align: center; 
color:#CD3352;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin:0;
padding:0;
}

p#testimonial {
 font-size:12px;
}

.page {
  position:relative;
  width:750px;
  margin:0px auto;
  background-color: #ffffff;
  padding:0px 20px 20px 20px;
  background-color: transparent;
  left:0px;
}

#container {
  position:relative;
  left:0px;
  width:717px;
  height:450px;
  top: 0px;
  background-color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 15px 20px 6px 10px;
  border: 1px solid #711515;
}

#bottom {
  position:relative;
  bottom: 20px;
  z-index:5;
  width:55%;
  margin:0px auto;
}

.portal {
  border:1px solid #711515;
  padding-top:5px;
}

.viewport {
  border:1px solid #711515;
  border-top:0px;
  padding:10px;
  margin:0px;
  font-size:11px;
}


#genius, #homepage, #fullpage {
  position:relative; 
  left:20px; 
  top:10px;
  width:660px;
}

#homepage {
  width:560px;
}

#fullpage {
  width: 685px;
}

#home-page-login, #home-page-registration, #home-page-testimonial {
  position:absolute;
  left:600px;
  top:20px;
  width:100px;
  padding: 7px;
  border: 1px solid #711515;
}

#home-page-registration {
  top:160px;
  text-align: center;
  border: 0px;
  z-index:1;
}

#home-page-testimonial {
  top:135px;
}

input#address,
input#email,
input#confirm_password,
input#username,
#hhome_index input#username,
#user_confirmation input#username,
input#discount_code,
input#cryptogram,
input#password,
#home_index input#password,
#user_confirmation input#password,
input#first_name,
input#last_name,
input#crypto {
  width:100px;
  border:1px solid black;
  padding: 0px 3px 0px 3px;
  z-index:3;
}

#home_index input#username,
#user_confirmation input#username,
#home_index input#password,
#user_confirmation input#password {
  width:90px;
}

input#address {
  width:200px;
}

#login_button {
  margin-top:5px;
  background: #FFBB00 none repeat scroll 0 0;
  border: 2px outset #99CCFF;
  width: 55px;
  color:#000000;
  font-size:9pt;
  z-index:4;
  position:relative;
}

#footer_text, .footer_text, a.footer_text:link, a.footer_text:visited {
  color:#CD3352;
  font-family: arial, sans-serif;
  font-size:8pt;
}

a, a:link, a:visited {
  border:0px; 
  color: #B51032; 
  text-decoration: none;
}

a:hover {
  color:#ffffff;
  background:#CD3352;
}

a.help_topic, a.help_topic:link, a.help_topic:visited {
  color: #000000;
}

a.help_topic:hover {
  color: #ffffff;
  background:#CD3352;
}

a.footer_text:hover {
  color:#ffffff;
  font-family: arial, sans-serif;
  font-size:8pt;
  background:#CD3352;
}

#home-page-registration {
  position:absolute;
  left:430px;
  top:-34px;
  z-index:2;
  height:170px;
  width:170px;
}

#login_image {
  position:absolute;
  width:170px;
  height:170px;
  background:transparent url('/images/Starburst-Positive.png') no-repeat 0px 0px;
  left:0px;
  top:0px;
  z-index:1;
}

#login_image:hover {
    background:transparent url('/images/Starburst-Negative.png') no-repeat 0px 0px;
}

#login_indicator {
  text-align:right;
  position:relative;
  margin-right:20px;
  float:right;
  z-index: 2; 
  font-size:12pt;
}

#statusNotice {
  font-size:10pt;
}

#nav_container, #OuterBlock, #InnerBlock {
  position:absolute;
}

#nav_container {
  font-family: verdana, helvetica, arial, sans-serif;
  left: 10px;
  width:838px;
  margin-top: 10px;
  margin-left: 0px;
  background-color: #ffffcc;
  border: 1px solid #ffffcc;
  color: #003399;
  padding: 4px 0px 2px 0px;
}

#menuList {
  position:relative;
  left: 7px;
  margin: 0px;
  padding: 0px;
}

#menuList ul {
  margin: 0px;
  padding: 0px;
}

#menuList li {
  display: inline;
  list-style: none;
}

h1, h2 {
  font-family: "times new roman", serif; 
  font-weight: bold; 
  font-size: 33px; 
}

h1 {
  border:0px; 
  color: #B51032;
  text-decoration: none;
}

h2 {
  font-weight:900;
  font-variant:small-caps;
  font-size:20px;
  padding:10px 0px 5px 0px;
}

h2.features {
  padding: 0px 0px 7px 0px;
}

a.inactive {
  position: relative;
  z-index:3;
  background-color: #dddddd;
  color: #003399;
  font-size: 12px;
  font-weight: 700;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
  border: 1px solid #000000;
}

a.inactive:hover {
  background-color: #003399;
  color: #eee;
}

a.active {
  position: relative;
  z-index:4;
  background-color: #cccccc;
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #cccccc;
}

a.active:hover {
  background-color: #003399;
  color: #eee;
}

#OuterBlock {
  z-index:1;
  left: 10px;
  width:840px;
  height: 555px;
  margin-top: 37px;
  margin-left: 0px;
  background-color: #ffffcc;
  border: 0px solid #000000;
  color: #003399;
  padding: 0px 0px 2px 0px;
}

#InnerBlock {
  z-index:2;
  left: 8px;
  width:820px;
  height: 545px;
  margin-top: 0px;
  margin-left: 0px;
  background-color: #cccccc;
  border: 1px solid #000000;
  color: #003399;
  padding: 0px 0px 0px 0px;
}

#ContentBlock {
  padding: 10px 10px 10px 10px;
}

#mailSentConfContainer {
  height:300px;
  position:absolute;
  background-color:white;
  left:10px;
  top:90px;
  border:2px outset #ccc;
  padding:10px;
}

img.logo {
  vertical-align:text-top;
  width:56px; 
  height:57px;
  border:0px;
}

input
{
  font-size: 9pt;
  color: #781351;
  background: #efefde;
  border: 1px solid #781351
}

fieldset
{
  border: 1px solid #711515;
  width: 660px;
  padding:5px 5px 10px 10px;
  margin:10px 0px 0px 0px;
}

legend
{
  font-family: verdana, helvetica, arial, sans-serif;
  color: #fff;
  background: #B51032;
  border: 1px solid #711515;
  padding: 2px 6px;
}

label
{
  width: 100px;
  float: left;
  text-align: left;
  display: block;
  font-weight:bold;
  font-size:12px;
  margin-right:5px;
}

#recipientListLabel {
  margin-right:0px;
  width:70px;
}

#first_name,  #last_name {
  position:relative;
  top:0px;
  left:0px;
}

#headerContainer {
  display:block;
  width:100%;
  border-bottom:1px solid #711515;
  margin-bottom:-1px;
}

#headerContainer h1 {
  font-size:14pt;
  position:relative;
  top:-2px;
  left:10px;
  float:left;
  margin-bottom:-5px;
}

#levelTwoTabs {
  margin: 0px 0px -1px -3px;
  padding: 0px;
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  font-weight:bold;
  float:left;
}

.clearfix:after {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#levelTwoTabs a {
  text-decoration: none;
}

#levelTwoTabs .tab {
  background:#B51032;
  border:1px solid #711515;
  color:white;
  display:block;
  margin:0px 3px;
  float:left;
  padding:3px;
}

#levelTwoTabs .tab a {
  color:white;
  display:block;
}

#levelTwoTabs .tab:hover {
  background-color:#F4869C;
}

#levelTwoTabs .tab a:hover {
  background-color:#F4869C;
}

#levelTwoTabs .tab.active {
  background:white;
  border-bottom:1px solid white;
  color:#B51032;
}

#levelTwoTabs .tab.active a,
#levelTwoTabs .tab.active a:hover {
  color:#B51032;
}

#composeViewport {
  width:695px;
  height:395px;
  font-family:verdana,arial,sans-serif;
  clear:both;
}

#composeViewport #html_input_container {
  margin-left:-10px;
}

#fcktabs {
  margin-bottom:2px;
}

#fcktabs .tab {
  display:inline;
  background-color:#fff;
  margin:0px 3px;
  padding:3px;
  border:1px solid #999;
}

#fcktabs .tab.active {
  background-color:#efefe0;
}

#fcktabs .tab a {
  color:#711515;
  font-weight:bold;
  font-family:verdana,arial,sans-serif;
  text-decoration:none;
}

#submitContainer {
  position:absolute;
  left: 300px;
  display:inline;
  margin: 0 0 0 163px;
  width:250px;
}

#monthly p {
  float:left;
}

#submitPricing {
  float:right;
}

input#pricing {
background-color: #B51032;
}

#submitContainer input{
  display:inline;
  background-color:#B51032;
  color:white;
  font-weight:bold;
  cursor:pointer;
}


input.button {
  display:inline;
  background-color:#B51032;
  color:white;
  font-weight:bold;
  cursor:pointer;
}

input.button:hover {
  background-color:#fff;
  color:#B51032;
}

#list_form_elements {
  float:right;
  clear:none;
}

#list_form_elements select {
  border: 1px solid #cccccc;
  margin-right:0px;
  width:150px;
}

#messageBodyContainer {
  margin-top:17px;
}

#pageControls a {
  text-decoration:none;
}

#registrationForm label {
  width:200px;
  text-align:right;
}

#registrationForm input {
  width:130px;
}

#home_pricing input {
  margin-right:0;
}

#reg_free, #reg_premium {
  color:#000000;
  float:right;
  background: #FFBB00 none repeat scroll 0 0;
  border: 2px outset #99CCFF;
  margin-right: 10px;
  font-size:9pt;
}

#registrationForm #reg_free, #registrationForm #reg_premium {
  width:80px;
}

#registrationForm #regCol1 {
  font-family: "times new roman", serif;
  width:35%;
}

#registrationForm #regCol2 {
  width:65%;
  vertical-align:top;
}

#registrationForm #regCol2 #regPremiumInfo {
  font-family: "times new roman", serif;
  font-size:11pt;
  padding-top: 10px;
  padding-bottom:65px;
  text-align:left;
}

#regCol2 input {
  margin:0px auto;
  display:block;
}

#registrationForm td {
  height:auto;  
}

#pageControls {
  padding-left:5px;
  width:50%;
}

#viewPort {
  border:1px solid #711515;
  padding:15px;
}

#pageControls #pageLinks {
  padding-top:5px;
  font-size:15pt;
}

#pageControls #pageLinks #currentPage {
  color:#000000;
  border:none;
}

#pageControls a, 
#pageControls #pageLinks span {
  color:#CD3352;
  font-size:10pt;
  line-height:16px;
  border:1px solid #ccc;
  padding:1px 2px;
  width:14px;
  display:inline-block;
  text-align:center;
}

#pageControls a:hover {
  background-color:#CD3352;
  color:white;
  border: 1px solid black;
}

#pageControls .disabled {
  cursor:default;
}

#pageControls #firstPage {
  background: transparent url('/images/pgn_first_blue.gif') no-repeat 50% 50%;
}

#pageControls #firstPage:hover {
  background: #CD3352 url('/images/pgn_first_inverse.gif') no-repeat 50% 50%;
}

#pageControls #firstPage.disabled, 
#pageControls #firstPage.disabled:hover {
  background: transparent url('/images/pgn_first_disabled.gif') no-repeat 50% 50%;
}

#pageControls #previousPage {
  background: transparent url('/images/pgn_prev_blue.gif') no-repeat 50% 50%;
}

#pageControls #previousPage:hover {
  background: #CD3352 url('/images/pgn_prev_inverse.gif') no-repeat 50% 50%;
}

#pageControls #previousPage.disabled,
#pageControls #previousPage.disabled:hover {
  background: transparent url('/images/pgn_previous_disabled.gif') no-repeat 50% 50%;
}

#pageControls #nextPage {
  background: transparent url('/images/pgn_next_blue.gif') no-repeat 50% 50%;
}

#pageControls #nextPage:hover {
  background: #CD3352 url('/images/pgn_next_inverse.gif') no-repeat 50% 50%;
}

#pageControls #nextPage.disabled, 
#pageControls #nextPage.disabled:hover {
  background: transparent url('/images/pgn_next_disabled.gif') no-repeat 50% 50%;
}

#pageControls #lastPage {
  background: transparent url('/images/pgn_last_blue.gif') no-repeat 50% 50%;
}

#pageControls #lastPage:hover {
  background: #CD3352 url('/images/pgn_last_inverse.gif') no-repeat 50% 50%;
}

#pageControls #lastPage.disabled, 
#pageControls #lastPage.disabled:hover {
  background: transparent url('/images/pgn_last_disabled.gif') no-repeat 50% 50%;
}

.portalNewBtn {
  xtext-align:right;
  xmargin:7px 5px 7px 0px;
  xmargin-top:-20px;
}

#portalFooterContainer {
  width:100%;
  display:block;
  position:relative;
}

#portalNewBtn {
  float:right;
}


#newListBtn {
  text-align:right;
  margin:0px 5px 5px 0px;
}

.portalNewBtn #newBtnContainer {
  padding:0px 3px 3px 3px;
  color:#fff;
  background-color:#B51032;
  font-weight:bold;
  text-decoration:none;
  font-family:verdana,arial,sans-serif;
  display:inline;
  margin:0px 5px;
}

#mail_mailingConfirmation .portalNewBtn #newBtnContainer {
  background-color:transparent;
}

#pagerInfo {
  padding-left:5px;
}

.portalNewBtn #newBtnContainer a, .portalNewBtn #newBtnContainer a:visited, .portalNewBtn #newBtnContainer a:hover {
  color:#fff;
}

.portal label {
  float:none;
}

.portal input {
  width:99%;
  border:none;
  height:20px;
  font-size:10px;
  margin:0;
  text-align:left;
  padding-left:3px;
}

thead th span {
  margin-left:3px;
}

.portal .portalField {
  font-size:11px;
  color:#781351;
  text-align:left;
  padding: 3px;
}

tr.even select {
  background-color:#ccc;
}

tr.even select {
  background-color:#ccc;
}

td {
  text-align:center;
  overflow:hidden;
  height:18px;
}

td input {
  border:none;
}

tr.odd td {
  border-top:none;
  border-right:none;
}

tr.even td {
  background-color:#ccc;
}

tr.odd td {
  background-color:#EFEFDE;
}

tr.even td input {
  background-color:#ccc;
}

.portal table {
  clear:both;
  margin-top:-3px;
}

#check_avail_link {
  float:left;
  font-size:10pt;
  margin-left:30px;
  margin-bottom:-15px;
  position:relative;
  z-index:5;
}

#emailSearch {
  padding-left:3px;
  width:175px;
  float:right;
  text-align:left;
  border:1px solid #ccc;
  margin:3px;
  padding-top:3px;
  height:15px;
}

#notice {
  position:absolute;
  top:20%;
  left:25%;
  width:400px;
  background-color:#FFF;
  border: 2px solid lightGreen;
  padding:5px;
  z-index:5;
}

#notice h2 {
  font-size:13pt;
  font-variant:normal;
  color:green;
}

#notice a {
  float:right;
}


#username_avail {
  font-size:9pt;
  width: 200px;
  text-align:right;
  color:red;
}


#notice .ignoreRecentCheck {
  float:none;
}


#statusNotice {
  display:none;
}

#list_list #statusNotice,
#mail_compose #statusNotice,
#mail_list #statusNotice {
  display:inline;
}


th.NewEditContact {
  text-align:right;
}

td input.NewEditContact {
  border: 1px sold black;
}
a.tab, a.tab-order {

  background-color: #ffffff;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  top: 0px;
  z-index: 1;
}


a.tab-order {
  background-color:#FFBB00;
  color:#000000;
}

a.tab.activeTab {
  z-index: 102;
}

div.tabMain {
  background-color: #ffffff;
  border-top: 4px solid #B51032;
  padding: 5px 0px 0px 0px;
  position: relative;
  z-index: 2;
}


div.tabArea {
  font-size: 80%;
  font-weight: bold;
  margin-left:45px;
}

a.tab, a.tab:visited {
  color: #B51032;
}

a.tab:hover {
  background-color: #711515;
  color: #ffffff;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #B51032;
  color: #ffffff;
}

div.tabIframeWrapper {
  width: 100%;
}

#navigation {
padding:5px 0px 0px 0px;
width: 155px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#navigation ul {
list-style: none;margin: 0;
padding: 0;
}

#navigation li {
border-bottom: 1px solid #ED9F9F;
}

#navigation li a:link, #navigation li a:visited {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
background-color: #B51032;
color: #FFFFFF;
text-decoration: none;
}

#navigation li a:hover {
background-color: #711515;
color: #FFFFFF;
}#navigation ul ul {
margin-left: 12px;
}

#navigation ul ul li {
border-bottom: 1px solid #711515;
margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: #ED9F9F;
color: #711515;
}

#navigation ul ul a:hover {
background-color: #711515;
color: #FFFFFF;
}

#features-main, #features-contacts, #features {
margin-top:-215px;
margin-left:180px;
}

#features-main {
  margin-top:-103px;
}

#features-contacts {
  margin-top:-190px;
}

#pricing {
  margin:0px;
}

#menu-folders {
width:550px;
margin-right:0px;
margin-top:-15px;
}

span.trademark {
  vertical-align: baseline;
  font-size: 12pt;
  position: relative;
  top: -6pt;
}

img.home_movie {
float:right;
padding:10px 0px 0px 15px;
}

ul.features {
margin: 5px 10px 5px 15px;
}

img.toolbar {
padding: 7px 0px 7px 0px; 
height: 109px; 
width: 500px;
}

img.templates {
float:right; 
padding: 7px 0px 5px 0px; 
border:0px solid black;
}

img.widget {
border: 0px solid black;
float:right;
}

img.subscription {
padding: 10px 15px 5px 0px;
width:150px;
height:92px;
border:0px solid black;
float:left;
}

p.homepage {
width:45%;
}

#monthly {
margin: 12px 0px 12px 0px;
padding:10px;
background-color:#EFEFDE;
width:470px;
}

p.monthly {
  padding:10px;
}

#monthly h2 {
  background:transparent url('/images/checkmark.gif') no-repeat 0 0;
  padding-left:25px;
}

#home_pricing #submitPricing a {
  color:#000000;
  float:right;
  background: #FFBB00 none repeat scroll 0 0;
  border: 2px outset #99CCFF;
  font-size:10pt;
  padding:2px;
}

.devBanner {
  width:100%;
  color:#ff0000;
  background-color:#fff;
  text-align:center;
}
