*{
margin:0;
padding:0;
}

body{
font-family:helvetica,arial,verdana,sans-serif;
font-size:12px;
text-align:center;
color:#333;
background: #cdcdcd url(images/bg.png);
background-repeat:repeat-x;
}

input, textarea{
font-family:arial,verdana,helvetica,sans-serif;
}

textarea.artbugeula {
	background-color:#fff;
	color:#333;
	font-size:90%;
	width:600px;
	border:5px solid #8D8F99;
	padding:5px;
}

p {margin-bottom:1em;}
:-moz-any-link:focus {outline: none;}

/*
*  General Style Info
*/

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

#login a{
color:#003d4c;
text-decoration:none;
}
#login a:hover{
color:#003d4c;
text-decoration:underline;
}

#helpsummary a{
color:#003d4c;
text-decoration:none;
}
#helpsummary a:hover{
color:#003d4c;
text-decoration:underline;
}

a.mailmeemail, a.activatedlogin {
	font-size:14pt;
	font-weight:bold;
	color:#000;
	padding-right: 20px;
	background: transparent url(images/icon_mailto.gif) no-repeat center right;
}

a.activatedlogin {
	background: transparent url(images/icon_external.gif) no-repeat center right;
}

a.nounderline{
text-decoration:none;
}

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


a img{
border:none;
}

h2,h3{
font-size:28px;
font-weight:normal;
}
  
em {
 font-size: 12px;
}

h2{
margin:0.5em 0;
color:#333;
}

h3{
font-size:18px;
padding-bottom:0.5em;
color:#003d4c;
}

h4{
color:#333;
font-size:20px;
font-weight:normal;
}

#content ol, #content ul{
margin:.4em 1em;
padding:0em 1em; 
line-height: 18px;
}    

.tinytext{
	font-size:8pt;
}

.incytext{
	font-size:8pt;
}

.bigbold{
	font-size:18pt;
	font-weight:bold;
}

.mediumbold,.mediumboldblack{
	font-size:14pt;
	font-weight:bold;
}

.mediumboldblack{
	color:#000;
}

.smallbold{
	font-size:12pt;
	font-weight:bold;
}

a.getmonths{
	font-size:14pt;
	font-weight:bold;
	color:#0D42AF;
	text-decoration:none;
}

a.getmonths:hover{
	color:red;
}

/*
*  Layout
*/ 

#container{
position:absolute;
left:0px;
top:1px;
text-align:left;
margin-left:30px;
padding-right:0px;
width:960px;
background:transparent url('images/container_bg.gif') repeat-y; 
}

#header{
position:absolute;
left:0;
top:2px;
width:146px;
height:241px;
background:transparent;
overflow:visible;
}


#header h1 a{
display:block;
width:155px;
height:175px;
text-indent:-5000px;    
background:url(images/logo.png) no-repeat top;    
}


#navigation{
position:absolute;
left:180px;
width:785px;
height:78px;
background:#8B8E98 url(images/nav_bg2.png) no-repeat;
} 

#content{
padding:15px 20px 50px 10px;  
margin-left:275px;
background:url(images/content_top_bg.png) no-repeat;
}

.home #content{
padding:15px 20px 50px 10px;  
margin-left:275px;
background:url(images/content_top_bg_home.png) no-repeat;
}

#content .title{ text-align:center }

.main #content, 
.home #content, 
.tutorial_index #content
{
margin-top:75px;
}

#content.accountcontent, #content.tutorialcontent{
margin-top:75px;
min-height:600px;
}


#copy, #copy-large{
font-size:120%; 
position:absolute;
top:75px;
left:175px;
width:500px;
height:190px;
padding-left:75px;
padding-right:200px;
color:#EEE;
background:url(images/copy_bg.gif) no-repeat;
}

#copy-large{
background:url(images/copy_bg_large.gif) no-repeat;
height:420px;
width:500px;
padding-top:20px;
}


#copy h2{
text-indent:-5000px;    
position:absolute;
top:15px;
left:0;
width:226px;
height:180px;
}


#copy .text{
padding:25px;
}

#download{
text-indent:-5000px;    
display:block;
position:absolute;
left:0;
top:290px;
width:213px;
height:145px;
}

#download:hover{
}

#divider{
clear:both;
overflow:auto;
padding-bottom:1em;
}

#divider .feature{
float:left;
width:200px;
padding:5px;
margin-right:5px;
font-size:12px;    
} 

.line{
clear:both;
overflow:auto;
padding-bottom:1em;
border-top:5px solid #333;
}

li {
    list-style-image:  url("images/arrow.gif");
}

#home_page_features ol {
	list-style:none;
}

#home_page_features ol li.checked{
    list-style-image:  url("images/checkbox.gif");
	margin-left:20px;
}


#home_page_features ol li{
	list-style:none;
	margin-bottom:20px;
    list-style-image: none;
}
#home_page_features ol li H1{
	font-size:160%;
}

#sidebar{
position:absolute;
top:100px;
left:-30px;
width:210px;
color:#fff;
}

#sidebar.account, #sidebar.child{
top:175px;
left:0px;
border:3px groove #DBDBDB; 
}

#sidebar.register
{
top:175px;
left:0px;
}

#sidebar h4{
color:#fff;
font-size:150%;
}

#sidebar .standout{
color:#fff;
}

#sidebar .quotes blockquote{
font-size:100%; 
font-style:italic;
text-align:left;
padding:0.25em 1em;
margin:10px 0 0 10px;
width:100%;
}

#sidebar .quotes blockquote .cite{
font-size:90%;
text-align:right;
display:block;
width:100%;
padding:0em;  
color: #fff;
} 
#sidebar .quotes blockquote a{
color: #fff;
text-decoration:underline;
}

#sidebar blockquote .legal a{
color: #fff;
margin-left:10px;
font-weight:bold;
}

#sidebar blockquote .legal a .selected{
color: red;
margin-left:10px;
font-weight:bold;
}

/*
*  Navigation
*/

#navigation ul{
position:absolute;
left:11px;
top:0;
}

#navigation ul li{
list-style-type:none;
display:inline;
font-size:75%;
}

#navigation ul li a{
font-weight:bold;
display:block;
float:left;
color:#555;
}

#navigation ul li a span{
display:block; 
margin-right:12px; 
padding:10px 6px 9px 9px;
} 

#navigation ul li.active a span{
padding:12px 6px 9px 9px; 
} 

#navigation ul li a:hover, #navigation ul li.active a{
background:url(images/nav_item_bg.gif) no-repeat bottom right; 
} 

#navigation ul li a:hover span,  #navigation ul li.active a span{
background:url(images/nav_item_bg.gif) no-repeat bottom left; 
} 

#footer {  
    color: #fff;
    background-color: #cdcdcd;
    padding: 4px 10px;
    text-align: right; 
} 
.left {  
    float:left;
}
.right {  
    float:right;
}           

#ads{   
margin-top:2em;  
padding: 0;
text-align:center;
background-color: #8B8E98; 
}

#login {	
	padding:25px 10px;
}
#login table td{
	font-size:10pt;
}

select { 
	font-size: 10pt; 
	border: 1px solid #000; 
	width:10em;
}

.pagination a {
   padding: 0px 5px;
   text-decoration:underline;
}

.pagination a.disabled {
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
}

.pagination a.onestep {
	font-size:12pt;
	font-weight:bold;
}

.pagination a.onestepdisabled {
	font-size:12pt;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}

.pagination a.terminus {
	font-size:12pt;
	font-weight:bold;
}

.pagination a.terminusdisabled {
	font-size:12pt;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}

#account_mailinglist {
	margin-left:-10px;
}

.account_summary {
	margin-left:20px
}

.bottomshred{
	height:39px;
	background-image:url(images/formshredbottom.png);		
}

.accountinfo {
margin-top:100px;
}

.accountinfo li {
	margin-top:2em;
}
#accountinfo li a{
	font-style:italic;
}

.accountinfo select{
	font-size: 10pt; 
	border: 1px solid black; 
	width:auto;
}

.accountcontent{
}


#accountnavigation{
position:absolute;
left:285px;
top:102px;
width:675px;
}

#accountnavigation td {
width:65px;
height:auto;
font-size:8pt;
padding:5px 6px 9px 9px; 
background:url(images/nav_acc_bg2.gif) no-repeat top left; 
} 

#accountnavigation td.active {
background:url(images/nav_acc_bg.gif) no-repeat top left; 
}

#accountnavigation td a {
color:#666;
text-decoration:none;
width:100%;
} 

#accountnavigation td div{
width:73px;
height:30px;
margin:5px 0px 0px -9px;
display:block;
text-align:center;
cursor:pointer;
}


#form_accountusers th a, #form_mailinglist th a {
	font-size: 12px;
	font-weight:normal;
	font-style:italic
}
#form_accountusers td, #form_mailinglist td {
	padding:5px;	
	border:1px solid #ccc;
}

#form_accountusers tfoot td, #form_mailinglist tfoot td {
	border:none;
}


#form_mailinglist input[type ="text"] {
	font-size:10pt;
	padding:3px
}

#form_mailinglist td {
	border:none;
}

#mailinglist ol li a{
	font-weight:bold;
	text-decoration:none;
}

#mailinglist ol li a.external{
	color:#999;
}

#mailinglist ol li a:hover{
	text-decoration:underline;
}

#mailinglist ol li ol li {
	margin-top:0.5em;
}

.inputerror {
	border:1px solid #E77844;
	background-color:#FDF3BF
}

table.benefits tr td{
	height:2em;
	font-size:10pt;
	height:2em;
}

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

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


.cansend { 
	font-size: 8pt; 
	border: 1px solid #000; 
	width:15em;
}

.accountinfo H4 {
	margin:1em 0em;
}

#recentpictures table {
	width:100%;
}
#recentpictures table td {
	height:126px;
	text-align:center
}

#recentpictures table th {
	text-align:center
}

ol.statistics li, ul.upgrade_features li{
	margin-top:0.5em;
}

.upgrade_now_button,
.renew_now_button,
.upgrade_now_mailing_list_button,
.upgrade_now_email_control_button,
.upgrade_now_your_children_button,
.set_account_title_button,
.download_now_button
{
	position:absolute; 
	width:160px; height:160px; 
}

.upgrade_now_button{
	left: 821px; 
	top: 150px;
	width:160px; height:159px; 
}

.renew_now_button {
	left: 800px; 
	top: 150px;
}

.upgrade_now_mailing_list_button{
	left: 821px; 
	top: 150px;
}

.upgrade_now_email_control_button{
	left: 821px; 
	top: 150px;
}

.upgrade_now_your_children_button{
	left: 821px; 
	top: 337px;
}

.set_account_title_button {
	left: 671px; 
	top: 50px;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(images/icon_mailto.gif) no-repeat center right;
}

a[class ="mailto"] {
   padding-right: 20px;
   background: transparent url(images/icon_mailto.gif) no-repeat center right;
}

a[class ="popup"] {
   padding-right: 20px;
   background: transparent url(images/icon_popup.gif) no-repeat center right;
}

a[class ="external"] {
   padding-right: 20px;
   background: transparent url(images/icon_external.gif) no-repeat center right;
}

a[class ="pdf"] {
   padding-right: 20px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

#helpsummary {
	margin:2em 0em;
	padding:2em 0em;
	background-color:#E6E6E6;
}
#helpsummary ol {
	margin-bottom:2em;
	min-height: 0px;
}
#helpsummary ol li {
	min-height: 0px;
	list-style-image:url(); 
	list-style-type:none;
}
#helpsummary ol li ol li{
	min-height: 0px;
    list-style-image:  url("images/arrow.gif");
}


#help ol{
	margin-bottom:50px;
	min-height: 0px;
}


#help img.wide{
	margin-left:-20px;
}

#help ol{
	min-height: 0px;
}

#help ol li {
	margin-top:2em;
}
#help ol li ul li{
	margin-top:1em;
}

#help ol li ul li{
	list-style:none;
}
#help ol li a{
	font-weight:bold;
	text-decoration:none;
}

#help ol li a.external{
	color:#999;
}

#help ol li a.external:hover{
	text-decoration:underline;
}

#help ol.decimal li{
	list-style-type:decimal;
}

#help ol.alpha li{
	list-style-type:lower-alpha;
}


#AccountComparison ol li{
	list-style-type:none;
    list-style-image:  url();
}

#AccountComparison li {
	margin-top:2em;
}
#AccountComparison li a{
	font-style:italic;
}

.inuse{
	background-color:#2C6877;
	border:1px dotted #E77844;
	color:#F5C491;
	padding:0em 2em;
}

#downloads ol li,#thumbs ul li{
	list-style:none; 
	list-style-image:none;
}

.thumb{
border:1px solid #777
}

#downloads ol li ul li{
    list-style-image:  url("images/arrow.gif");
}

#EULA ol li, #Privacy ol li, #contentdisclaimer, #about ol li{
	list-style:none; 
	list-style-image:none;
}

ol#EULASiteUse li{
    list-style-image:  url("images/arrow.gif");
}

#EULA ol li p, #Privacy ol li p{
	margin-top:1em;
}

#copyrightclaims li{
	list-style:none; 
	list-style-image:none;
}

#copyrightclaims ol.lettered li{
	list-style-type:upper-alpha
}

#copyrightclaims ol.numbered li{
	list-style-type:decimal
}



a.selected_page {
text-decoration:none;
}

#download_now a{
display:block;
width:208px;
height:133px;
text-indent:-5000px;    
background:url(images/download_now.jpg) no-repeat top;    
}

#download_now a:hover{
background:url(images/download_now.jpg) no-repeat bottom;     
}

#membership2007 a{
display:block;
width:208px;
height:133px;
text-indent:-5000px;    
background:url(images/membershippromo2007.jpg) no-repeat top;    
}

#membership2007 a:hover{
background:url(images/membershippromo2007.jpg) no-repeat bottom;     
}

#membership14 a{
display:block;
width:208px;
height:133px;
text-indent:-5000px;    
background:url(images/membershippromo14.jpg) no-repeat top;    
}

#membership14 a:hover{
background:url(images/membershippromo14.jpg) no-repeat bottom;     
}

#addressbook td {
	padding:7px 0px;
}
/*
#addressbook input{
//	color: #781351;
//	background: #fee3ad;
//	border: 1px solid #781351;
}
*/
#addressbook input .text{
	padding-left:1.25em
}
#addressbook .editbutton, .cancelbutton, .removebutton{
	width:4.5em;
}
#addressbook .cancelbutton{
	display:none;
}
#addressbook .col1 {
	border-right: 1px solid #777;
}
#addressbook .col2 {
	padding-left:0.25em
}
/*
#unmoderated_comments td .editbutton{
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	margin-top:3px
}
*/
.savelink {
 margin-left: -5px;
 padding-left:15px;
 background:url(http://images.del.icio.us/static/img/delicious.small.gif) center left no-repeat;
}

.tutorial_index #thumbs table tr {
	text-align:center;
}
.tutorial_index #thumbs table tr td{
	width:120px;
}

#buttons{
margin:80px 0px 0px 0px;
}

#homebtn a, #newsletterbtn a, #tutorialsbtn a, #membershipbtn a, #downloadsbtn a, #howitworksbtn a {
display:block;
width:198px;
height:38px;
text-indent:-5000px;  
margin-top:5px;
}

#homebtn a{
background:url(http://www.artbugmail.com/images/homebtn.gif) no-repeat top;    
}

#homebtn a:hover, #homebtn a.selected{
background:url(http://www.artbugmail.com/images/homebtn.gif) no-repeat bottom;     
}

#membershipbtn a{
background:url(http://www.artbugmail.com/images/membershipbtn.gif) no-repeat top;    
}

#membershipbtn a:hover, #membershipbtn a.selected{
background:url(http://www.artbugmail.com/images/membershipbtn.gif) no-repeat bottom;     
}

#newsletterbtn a{
background:url(http://www.artbugmail.com/images/newsletterbtn.gif) no-repeat top;    
}

#newsletterbtn a:hover, #newsletterbtn a.selected{
background:url(http://www.artbugmail.com/images/newsletterbtn.gif) no-repeat bottom;     
}

#tutorialsbtn a{
background:url(http://www.artbugmail.com/images/tutorialsbtn.gif) no-repeat top;    
}

#tutorialsbtn a:hover, #tutorialsbtn a.selected{
background:url(http://www.artbugmail.com/images/tutorialsbtn.gif) no-repeat bottom;     
}

#downloadsbtn a{
background:url(http://www.artbugmail.com/images/downloadsbtn.gif) no-repeat top;    
}

#downloadsbtn a:hover, #downloadsbtn a.selected{
background:url(http://www.artbugmail.com/images/downloadsbtn.gif) no-repeat bottom;     
}

#howitworksbtn a{
background:url(http://www.artbugmail.com/images/howitworksbtn.gif) no-repeat top;    
}

#howitworksbtn a:hover, #howitworksbtn a.selected{
background:url(http://www.artbugmail.com/images/howitworksbtn.gif) no-repeat bottom;     
}

#pencil, #sharpener, #shavings, #eraser{
position:absolute;
display:none;
}

#pencil{
width:342px;
height:471px;
top:400px;
left:51px;
}

#sharpener{
width:174px;
height:110px;
top:540px;
left:799px;
}

#shavings{
width:195px;
height:122px;
top:580px;
left:781px;
}

#eraser{
width:195px;
height:122px;
top:980px;
left:51px;
}

table.comments{
	width:100%;
	background-color:#F9F0F3;
	color:#333333;
	border:1px solid #ECD9C8;	
}
table.comments tr{
height:2em;
}
table.comments tr.odd{
	background-color:#fff;
}
table.comments td.name{
	text-align:right;
}
table.comments td.comment{
	text-align:left;
}

#thumbs .picframe
{
display:block; float:left; width:120px; height:120px; margin:5px 0 0 5px; padding:20px 5px;text-align:center; border:1px solid #8B8E98; background-color:#6C8D97;
}

#thumbs .picinframe
{
	display:block; float:left; padding:20px 5px;text-align:center;
}

table tr td
{
    text-align:left;
    padding:0px 10px;
}

.cv_comment_1
{
margin-left:50px
}

.cv_comment_2
{
    background-image:url(images/speech-top.png); width:513px; height:40px
}

.cv_comment_3
{
    background-image:url(images/speech-middle.png); 
    width:513px;
    height:auto;
}

.cv_comment_3a
{
    margin-left:50px; height:3em;
    width:420px;
    height:auto;
}

.cv_comment_4
{
    background-image:url(images/speech-bottom.png); width:513px; height:81px
}

.cv_comment_5
{
    margin:-10px 0px 20px 300px;
    font-size:120%;
}