/*
Theme Name: MOE
Theme URI: http://moehentai.com/
Description: n/a
Version: 0.5
Author: Hana
Author URI: http://moehentai.com/

*/


/* STRUCTURE ############################################ */
html,body{margin:0;padding:0}
div#container{width:775px;margin:0 auto}
div#containerc{width:720px;margin:0 auto}
div#search{float:left;width:200px}
div#about{float:right;width:508px}
div#clear, div#clear2 {clear:both;}
div#content{float:left;width:600px}
div#marquee{float:right;width:165px}
div#news {float:right;width:330px}
div#random {float:left;width:228px;}
div#extra{clear:both;width:100%}
div#descriptive {float:left;width:220px}
div#links {float:right;width:500px}
div#ccbilllogo{float:left;width:200px}
div#ccbilldesc{float:right;width:520px}
div#ccbillform {float:right;width:460px;}
div#ccbilllinks{float:left; width:250px;}
/*
body{font-family: arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}*/

/* STYLE - BODY ######################################## */
body {
     background: #f6f5f4 url(grafx/bg.gif);
}

/* STYLE - CONTAINER ################################### */
div#container{text-align:left}
div#content p{line-height:1.4}

/* STYLE - HEADER ###################################### */
div#header {
     position:relative;
     background: url(grafx/header.jpg) no-repeat top center;
     height:145px;
     margin:0;
     padding:0;
}
div#header h1{height:145px;margin:0;padding:0;}
div#header span { display: none;}

/* STYLE - NAVIGATION ################################## */
#navbar {
     margin:0;
     padding:0;
     width:100%;
     height:26px;
     background: #eb4497;
     list-style-type:none;
     text-align: center;
}
#navbar ul {
     margin: 0 auto;
     padding:0;
     width:763px;
}
#navmem {
     margin: 0 auto;
     padding:0;
     width:590px !important;
}
#navbar li{
     margin:0;
     padding:0;
     float:left;
     list-style-type:none;}
#navbar li a:link, #navbar li a:visited{
     margin:0;
     padding:0;
     display:block;
     height:26px;
     padding: 0 .2em;
     }

#navbar li span, {
     display:none;}


/* STYLE - CONTENT ##################################### */
div#content {
     display: block;
     width: 594px;
     height: 451px;
     background: url(grafx/news_bg.jpg) no-repeat;
     overflow;hidden;
}
div#content-pinuparchive {
     width: 100%;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
     color:#669966;
}
div#content-doujinarchive {
     width: 100%;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
     color:#ff9966;
}
div#content-news {
     width: 100%;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
     color:#ff9966;
}
div#content-pinupchara, div#content-doujingallery, div#content-about, div#content-request, div#content-contact, div#splash-content, div#search-content, div#single-content, div#content-news, #content-extra
{    display: block;
     width: 767px;
     margin: 0 auto;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
     font: 12px Verdana, Helvetica, sans-serif;
     color: #333333
     padding:0;
}
div.content-entry
{     padding:10px 20px;}
div#content-pinupchara {
     background: #e0f0c3 url(grafx/pinup_g_bg.gif) repeat;
}
div#content-doujingallery, div#content-news {
     background: #edd7fb url(grafx/doujin_g_bg.gif) repeat;
}

div#content-about span, div#content-request span, div#content-contact span, div#content-links span, div#splash-content span, div#search-content span, #content-extra span
{display:none;}

div#content-about {
     background: #fce8c6 url(grafx/about_bg.gif) repeat;
}
div#content-request, div#content-extra {
     background: #ade1ef url(grafx/request_bg.gif) repeat;
}
div#content-contact {
     background: #a3c4f4 url(grafx/contact_bg.gif) repeat;
}
div#splash-content, div#search-content, div#single-content {
     background: #a3c4f4 url(grafx/splash_bg.gif) repeat-y;
}
div#ccbillcontent {
     text-align: center;
     background: #fffff0 !important;
}
.ccbody {
     background: #fffff0;
}
/* STYLE - CONTENT, NEWS ############################### */
div#news {padding:17px 5px 15px 0px;}
div#news strong {color:#ffcc33;}
div#news .date {
     width: 143px;
     padding: 2px 0 0 5px;
     float: right;
     background: url(grafx/news_date.jpg) no-repeat;
     font: 10px Arial, Helvetica, sans-serif;
     text-align: left;
     color: #ffffff;
}
div#news img {border:0;}
div#news .avatar {
     float: left;
     width: 100px !important;
     height: 100px !important;
     border: 0;
     padding-right: 5px;
}
div#news h2 {
     font: bold 16px Arial, Helvetica, sans-serif;
     color: #ffcc33;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
     height: 63px;
     overflow: hidden;
}
div#news .newshead{
     padding: 25px 10px 10px 10px;
     margin:0;
}
div#news .newshead p.author{
     margin: 0;
     font: bold 11px Arial, Helvetica, sans-serif;
     color: #ffffff;
}
div#news .newsentry {
     margin-right: 5px;
     padding: 10px;
     background: #e9f7fa;
     font: 11px Verdana, Helvetica, sans-serif;
     color: #000;
     height: 274px;
     width: 297px;
     overflow: auto;
     line-height: 1.2;
}
div#news .newsentry small {
     font-size: 8px !important;
}
div#news .newsentry strong {
     color: #333333;
}

div#news .newsentry a{
     text-decoration: underline;
     color: #ff2477;
     font-weight: bold;
}
div#news .newsentry a:hover {
     color: #009900;
}

/* STYLE - CONTENT, RANDOM ############################# */
div#random {padding:17px 15px 15px 15px;}
div#random img {border:0;}

/* STYLE - MARQUEE ##################################### */
div#marquee{
     width:165px;
     height: 452px;
     background: url(grafx/marquee.gif) no-repeat top right;
     text-align: center;
     padding:none;
     margin:none;
     line-height: 0; }
div#marquee h2 {
     width:165px;
     height:51px;
     margin:0;
     padding:0;}
div#marquee span {display:none;}
div#marquee img {border:0;margin:0;padding:0;}
div#marquee img.login {margin-top:3px;background: url(grafx/marq_login.gif) no-repeat;}
div#marquee img.login:hover {background: url(grafx/marq_loginr.gif) no-repeat; }

/* STYLE - SEARCH ###################################### */
div#search {
     width: 247px;
     height: 95px;
     background: url(grafx/search_.gif) no-repeat;
     margin: 5px 0 -20px 0;
     text-align: center;
     padding: 40px 0 0 0;
     font: 10px Verdana, Helvetica, sans-serif !important;
     color: #ffffff;
}
div#search input.search {
     margin-top: 1px;
     padding-bottom:2px;
     background: #e92169 url(grafx/search_off.gif) no-repeat center center;
     width:77px;
     height:25px;
     border: 0px;
     color: transparent;
     font: 10px Arial, sans-serif;
     text-transform: uppercase;
}
div#search input.search:hover {
     background: #e92169 url(grafx/search_on.gif) no-repeat center center;
     color: transparent;
}
div#search strong {color: #ffcc33}
div#search a {
     text-decoration: none;
     color: #ffcc33;
}
/* STYLE - ABOUT ####################################### */
div#about {
     width: 508px;
     height: 95px;
     background: url(grafx/about_.gif) no-repeat;
     margin: 5px 0 -20px 0;
     text-align: left;}
div#about .entry {
     overflow; hidden;
     padding: 30px 15px 5px 15px;
     font: 10px Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
}
div#about a {
     text-decoration: none;
     color: #ffcc33;
}
div#about strong {color: #ffcc33}
/* STYLE - EXTRA ####################################### */
div#extra{
     padding-top:10px;
     text-align:center;
     clear:both;
     font: 10px Verdana, Helvetica, sans-serif !important;
}
div#extra h3 {
     height:36px;
     background: url(grafx/free_access.jpg) no-repeat;
}

div#extra span {display:none;}

div#descriptive {
     height:99px;
     background: url(grafx/desc.jpg) no-repeat;
     font: 11px Verdana, Helvetica, sans-serif !important;
     color: #ffffff;
     padding: 12px 18px 0 15px;
     text-align: left;
}
div#descriptive strong { color: #ffcc33}
div#descriptive a {
     text-decoration: none;
     color: #ffcc33;
}
div#links {
     text-align:center;
     font: bold 11px Verdana, Helvetica, sans-serif;
     color: #336699;
     text-transform: uppercase;
}
div#extra img {border:0}
#extra a {
     text-decoration: none;
     color: #f22477 !important;
     font-weight: bold;
  }
#othersites {
     display: block;
     list-style: none;
     font-size: 12px;
     width:450px;
     margin: 10px auto; }

#othersites ul {
     margin:0;
     padding:0;
}
#othersites li {
     list-style: none;
     margin: 10px 5px;
     text-align: center;
     display: block;
     float: left;
}

#othersites li a {
     display: block;
     width: 117px;
     color: #336699 !important;
     font-weight: normal !important;
     }

/* STYLE - FOOTER ###################################### */
div#footer {
     color: #333333;
     text-align:center;
     font: 11px Verdana, Helvetica, sans-serif;
     padding-bottom:10px;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #666666;}
#navsub ul {
     padding: .2em 0;
     margin: 10px 0 0 0;
     list-style-type: none;
     background-color: #eb4497;
     text-align: center;
     width: 100%;
     font: bold 11px arial, helvetica, sans-serif !important;
}
#navsub li {display:inline;}

#navsub li a {
     text-decoration: none;
     color: #ffccff !important;
     text-transform: uppercase;
     font-weight: bold;
     padding: 0 .3em !important;
}
#navsub li a:hover {
     text-decoration: none;
     color: #fffabb !important;
}

/* BEHAVIORS ########################################### */
/* BEHAVIOR - NAVBAR */
#navbar li.n-home a:link, #navbar li.n-home a:visited, #navbar li.n-home a:active{
     width:45px !important;
     background: url(grafx/navhome.gif) no-repeat;
     padding: 0 !important;
     }
#navbar li.n-home a:hover {
     background: url(grafx/navhomer.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-join a:link, #navbar li.n-join a:visited, #navbar li.n-join a:active{
     width:35px !important;
     background: url(grafx/navjoin.gif) no-repeat;
     }
#navbar li.n-join a:hover {
     background: url(grafx/navjoinr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-members a:link, #navbar li.n-members a:visited, #navbar li.n-members a:active{
     width:69px !important;
     background: url(grafx/navmem.gif) no-repeat;
     }
#navbar li.n-members a:hover {
     background: url(grafx/navmemr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-pinup a:link, #navbar li.n-pinup a:visited, #navbar li.n-pinup a:active{
     width:106px !important;
     background: url(grafx/navpinup.gif) no-repeat;
     }
#navbar li.n-pinup a:hover {
     background: url(grafx/navpinupr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-doujin a:link, #navbar li.n-doujin a:visited, #navbar li.n-doujin a:active{
     width:101px !important;
     background: url(grafx/navmanga.gif) no-repeat;
     }
#navbar li.n-doujin a:hover {
     background: url(grafx/navmangar.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-request a:link, #navbar li.n-request a:visited, #navbar li.n-request a:active{
     width:108px !important;
     background: url(grafx/navreq.gif) no-repeat;
     }
#navbar li.n-request a:hover {
     background: url(grafx/navreqr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-links a:link, #navbar li.n-links a:visited, #navbar li.n-links a:active{
     width:43px !important;
     background: url(grafx/navlinks.gif) no-repeat;
     }
#navbar li.n-links a:hover {
     background: url(grafx/navlinksr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-contact a:link, #navbar li.n-contact a:visited, #navbar li.n-contact a:active{
     width:86px !important;
     background: url(grafx/navcontact.gif) no-repeat;
     }
#navbar li.n-contact a:hover {
     background: url(grafx/navcontactr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-about a:link, #navbar li.n-about a:visited, #navbar li.n-about a:active{
     width:71px !important;
     background: url(grafx/navabout.gif) no-repeat;
     }
#navbar li.n-about a:hover {
     background: url(grafx/navaboutr.gif) no-repeat center center;
     background-position:0% 100%;
}
#navbar li.n-extra a:link, #navbar li.n-extra a:visited, #navbar li.n-extra a:active{
     width:90px !important;
     background: url(grafx/navextra.gif) no-repeat center center;
     padding: 0 !important;
     }
#navbar li.n-extra a:hover {
     background: url(grafx/navextrar.gif) no-repeat center center;
     background-position:0% 50%;
}

/* BEHAVIOR MARQUEE */
#marqueecontainer{
position: relative;
width: 141px; /*marquee width */
height: 340px; /*marquee height */
background-color: #a3c4f4;
overflow: hidden;
border: 0;
padding: 0;
margin:0 auto;
}

/* ELEMENTS ############################################ */
/*  COMMON  */
img {
     border: 0;
}
.alignleft {text-align:left;float:left;}
.alignright {text-align:right; float:right;}
.center {text-align:center}
.clear { clear: both; height: 0; }
.dlimg {}
.dlstat {display: none;} 

/* Common Archive Elements */
#content-pinuparchive h2, #content-pinuparchive h3, #content-doujinarchive h2, #content-doujinarchive h3{
     font-size: 16px;
     margin: 20px 0;
     text-align: left;
     clear: both;
}
#content-pinuparchive, #content-doujinarchive {
     font-size: 12px;
     line-height:1.2;
}
#content-pinuparchive ul, #content-doujinarchive ul {
     margin:0;
     padding-left: 10px;
}
/* Pinup Archive */
#content-pinuparchive h3 {
     background: url(grafx/pinup_header.gif) no-repeat;
     padding: 5px 10px;
}
#content-pinuparchive a {
     text-decoration:none;
     color: #669966;
}
#content-pinuparchive ul li {
     list-style-type:none;
     background: url(grafx/bullet_arrow.png) no-repeat top left;
     padding-left: 15px;
     font-weight: bold;
      font-size: 14px;
     margin:  3px 0 10px 0;
}
#content-pinuparchive ul li ul li{
     list-style-type:none !important;
     background: url(grafx/bullet_dash.png) no-repeat top left !important;
     padding-left: 15px;
     font-weight: normal !important;
	font-size: 12px !important;
}
#content-pinuparchive ul.latest-pinups li {
    display: inline  !important;
    background-image: none !important;
    float: left;
    margin: 0 10px 0 0;
}
/* Doujin Archive */
#content-doujinarchive h3 {
     background: url(grafx/doujin_header.gif) no-repeat;
     padding: 5px 10px;
}
#content-doujinarchive a {
     text-decoration:none;
     color: #ff9966;
}
#content-doujinarchive ul li {
     list-style-type:none;
     background: url(grafx/bullet_arrowm.png) no-repeat top left;
     padding-left: 15px;
     font-weight: bold;
}
#content-doujinarchive ul li ul li{
     list-style-type:none !important;
     background: url(grafx/bullet_dashm.png) no-repeat top left !important;
     padding-left: 15px;
     font-weight: normal !important;
}
/* Pinup Gallery */
#content-pinupchara h2 {
     padding:8px 0;
     text-align:center;
     background: url(grafx/pinup_g_top.gif) no-repeat !important;
     color:#339933;
     margin:0;
     font-size:18px;
}
#content-pinupchara h3 {
     height:37px;
     background: url(grafx/pinup_g_bottom.gif) no-repeat !important;
     margin:0;
}
#content-pinupchara a {
     text-decoration: none;
     color: #339933;
}

/* Doujin Gallery */
#content-doujingallery h2 {
     padding:8px 0;
     text-align:center;
     background: url(grafx/doujin_g_top.gif) no-repeat !important;
     color:#7859b5;
     margin:0;
     font-size:18px;
}
#content-doujingallery h3 {
     height:37px;
     background: url(grafx/doujin_g_bottom.gif) no-repeat !important;
     margin:0;
}
#content-doujingallery a {
     text-decoration: none;
     color: #7859b5;
}

/* Common Gallery Elements */
#content-pinupchara ul, #content-doujingallery ul, #search-content ul {
     margin:0 auto;
     padding:0;
     width:665px;
}
#content-pinupchara ul li, #content-doujingallery ul li, #search-content ul li {
     list-style: none;
     margin: 5px;
     text-align: center;
     display: inline;
     float: left;
     border: 0 !important;
}

#content-pinupchara img, #content-doujingallery img, #search-content img {
     margin: 0 !important;
     padding: 0 !important;
     width: 154px;
     border:0;
}

#content-pinupchara a, #content-doujingallery a, #search-content a {
     text-decoration: none;
     color: #336699;
}

/* NEWS ARCHIVES */
#news .prev-news {
     padding: 10px 3px 0 0 !important;
}
#news .prev-news a {
	color: #ffffff !important;
	text-decoration: none !important;
	font: 10px bold Verdana, Helvetica !important;
	display: block !important;
	text-align: right !important;
	text-transform: uppercase;
}

#news .prev-news a:hover {
	color: #cc0073;
	text-decoration: underline;
}
#content-news h2 {
     padding:8px 0;
     text-align:center;
     background: url(grafx/doujin_g_top.gif) no-repeat !important;
     color:#7859b5;
     margin:0;
     font-size:18px;
}

#content-news h3 {
	font: 16px Verdana, Helvetica, sans-serif;
	color: #7859b5;
	border-bottom: 1px solid #7859b5;
}

#content-news h4 {
     height:37px;
     background: url(grafx/doujin_g_bottom.gif) no-repeat !important;
     margin:0;
}

div#content-news .news-avatar {
     float: right !important;
     padding: 5px;
}

div#content-news a {
   text-decoration: underline;
   color: #7859b5;
}

div#content-news .news-entry-arc {
   text-align: justify;
   padding:10px;
   display:block;
}

/* ABOUT */
#content-about h2 {
     background: url(grafx/about_top.gif) no-repeat !important;
}
#content-about h3 {
     background: url(grafx/about_bottom.gif) no-repeat !important;
}
/* WORK REQUEST  and EXTRAs */
#content-request h2 {
     background: url(grafx/request_top.gif) no-repeat !important;
}
#content-request h3  {
     background: url(grafx/request_bottom.gif) no-repeat !important;
}

/* EXTRAS */
#content-extra h2 {
     background: url(grafx/extra_top.gif) no-repeat !important;
}
#content-extra h3  {
     background: url(grafx/request_bottom.gif) no-repeat !important;
}
#content-extra h4, #content-extra h5 {
	color: #006699;
     margin: 0;
     padding: 0;
}
#content-extra h4 {
	font-size: 16px;
}
#content-extra h5 {
	font-size: 14px;
	margin-left:  140px;
}
#content-extra img {
     margin: 0 10px 0 0;
}
.ddl {
	clear:both;
}
.ddl_stat {
	color: #666666;
}
#content-extra ul {
	margin: 15px 15px 15px  120px;
}
#content-extra  a {
	color: #336699;
}

/* CONTACT US */
#content-contact h2 {
     background: url(grafx/contact_top.gif) no-repeat !important;
}
#content-contact h3 {
     background: url(grafx/contact_bottom.gif) no-repeat !important;
}
/* LINKS
#content-links h2 {
     background: url(grafx/links_top.gif) no-repeat !important;
}
#content-links h3 {
     background: url(grafx/pinup_g_bottom.gif) no-repeat !important;
}        */
/* Common Elements - Pages */
#content-about h2, #content-request h2, #content-contact h2, #content-links h2, #content-extra h2 {
     padding:8px 0;
     height:37px;
     text-align:center;
     margin:0;
     font-size:18px;
}
#content-about h3, #content-request h3, #content-contact h3, #content-links h3, #content-extra h4 {
     height:37px;
     margin:0;
}
/* Single Content Elements */
#single-tag {
     text-align:center;
     font: bold 12px Verdana, Helvetica, sans-serif;
     color:#ff3366;
     padding:10px;
}
#single-content a{
     color:#ff3366;
}
#single-content a:hover{
     color:#ffffff;
}
#single-content h2 {
     padding: 2px 0;
     height:28px;
     text-align:center;
     margin:0;
     font-size:20px;
     background: url(grafx/splash_top.gif) no-repeat !important;
     color: #0066cc;
}
#single-content h3 {
     padding: 0;
     margin:0;
     font-size:20px;
     color:#0066cc;
}
#single-content h4 {
     padding: 10px;
     margin:0;
     font-size:16px;
     color:#0066cc;
}
#single-content h5 {
     height:28px;
     margin:0;
     background: url(grafx/splash_bottom.gif) no-repeat !important;
}
.single-entry {
     text-align:center;
     font:10px Verdana, Helvetica, sans-serif;
     color: #333333;
     padding: 0 20px;
}
.single-entry strong {
     color:#ff3366;
}

/* Splash Elements */
#splash-tag {
     text-align:center;
     font: bold 12px Verdana, Helvetica, sans-serif;
     color:#ff3366;
     padding:10px;
}
#splash-content a{
     color:#ff3366;
}
#splash-content a:hover{
     color:#ffffff;
}
#splash-content h2 {
     padding: 0;
     height:28px;
     text-align:center;
     margin:0;
     font-size:18px;
     background: url(grafx/splash_top.gif) no-repeat !important;
}
#splash-content h3 {
     padding: 0;
     margin:0;
     font-size:20px;
     color:#0066cc;
}
#splash-content h4 {
     padding: 10px;
     margin:0;
     font-size:16px;
     color:#0066cc;
}
#splash-content h5 {
     height:28px;
     margin:0;
     background: url(grafx/splash_bottom.gif) no-repeat !important;
}
.splash-entry {
     text-align:center;
     font:10px Verdana, Helvetica, sans-serif;
     color: #333333;
     padding: 0 20px;
}
.splash-entry strong {
     color:#ff3366;
}
/* Search Result Elements */
#search-tag {
     text-align:center;
     font: bold 12px Verdana, Helvetica, sans-serif;
     color:#ff3366;
     padding:10px;
}
#search-content a{
     color:#ff3366;
}
#search-content a:hover{
     color:#ffffff;
}
#search-content h2 {
     padding: 0;
     height:28px;
     text-align:center;
     margin:0;
     font-size:18px;
     background: url(grafx/splash_top.gif) no-repeat !important;
}
#search-content h3 {
     padding: 0;
     margin:0;
     font-size:20px;
     color:#0066cc;
}
#search-content h4 {
     padding: 10px;
     margin:0;
     font-size:16px;
     color:#0066cc;
}
#search-content h5 {
     height:28px;
     margin:0;
     background: url(grafx/splash_bottom.gif) no-repeat !important;
}
.search-entry {
     text-align:center;
     font:10px Verdana, Helvetica, sans-serif;
     color: #333333;
     padding: 0 20px;
}
.search-entry strong {
     color:#ff3366;
}
/* LINKS */
div#content-links .content-entry {
     text-align:center;
     font:10px Verdana, Helvetica, sans-serif;
     color: #333333;
     padding: 0 20px;
}
div#content-links ul {
     margin:0 auto;
     padding:0;
     width:665px;
     display:block;
}

div#content-links ul li  {
     list-style: none;
     margin: 5px;
     text-align: center;
     display: block;
     float: left;
     border: 0 !important;
}
div#content-links a {
     text-decoration:none;
     color:#f22477;
     font-weight:bold;
}

/* CCBILL Elements */
div#ccbillheader span {display:none;}
div#ccbillheader {
     height:125px;
     background: url(grafx/ccbill_header.jpg) no-repeat;
}
div#ccbillheader h2 {
     margin:0;
     padding:0;
}
div#ccbilldesc {
     text-align:center;
     padding: 10px 0;
     line-height:1;
}
div#ccbillform {
     font: bold 14px Verdana, Helvetica, sans-serif !important;
     color:#7859b5;
     text-transform: uppercase;
     padding: 10px 0;
     margin:0;
     background: #fffff0;
}
div#ccbillform input, div#ccbillform input:active {
     padding: 3px;
     margin:0;
     margin-bottom: 20px;
     font: 12px Verdana, Helvetica, sans-serif !important;
     background: #edd7f6;
     border: 1px solid #7859b5;
}
div#ccbillform input:hover {
     color: #ffffff;
     background: #7859b5;
     border: 1px solid #edd7f6;
}
div#ccbilllinks {
     width:250px;
     display:block;
     background: #ffffcc;
}

div#ccbilllinks a{
     text-decoration: none;
     color: #f22477;
     font: 11px Verdana, Helvetica, sans-serif !important;
}

div#ccbilllinks ul {
     list-style-type:none;
     margin:0 auto;
     padding: 5px 0;
     width: 200px;
}
p.ccorange {
     font: bold 12px Verdana, Helvetica, sans-serif;
     text-transform: uppercase;
     color: #ff9966;
}
p.ccpink {
     font: bold 14px Verdana, Helvetica, sans-serif;
     color: #eb4497;
}
p.ccboth {
     text-align:center;
     font: bold 16px Arial, Helvetica, sans-serif;
     color: #ff9966;
}
p.ccboth strong {
     color: #eb4497;
     font-size: 20px;
}
div#ccbilllinks h3 {
     font: bold 16px Arial, Helvetica, sans-serif;
     color: #ffffff;
     margin:0;
     padding:0;
}
div#ccbilllinks h4 {
     font: bold 14px Arial, Helvetica, sans-serif;
     color: #ffffcc;
     margin:0;
     padding:0;
}
.ccbilllinkstop {
     background: #ff9966;
     padding:5px;
}