/* -------------------------------------------
project:	XHTMLizers.com
date:		07/07/07
------------------------------------------- */

html { height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { height: 100%; margin: 0; padding: 0; background: #fff url(../images/night/bg.jpg) repeat-x; color: #7a5925; font: 75%/125% "Trebuchet MS",Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em "Trebuchet MS",Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

abbr, acronym { border: none; cursor: help; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }
 
sub, sup { line-height: 1; }

p { margin: 0 0 12px; }

a { color: #226a8c; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em Georgia,serif; color: #8f7246; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.500em; }
h3 { font-size: 1em; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }

/* LAYOUT
------------------------------------------- */
#root { position: relative; width: 750px; min-height: 100%; margin: 0 auto; }
 #logo { position: absolute; left: 0; top: 26px; width: 750px; height: 143px; background: url(../images/night/indicator.gif) 50% 67px no-repeat; }
  #logo h1 { height: 143px; background: url(../images/night/header.jpg) 48px 0 no-repeat; }
   #logo h1 a { position: absolute; left: 253px; top: 30px; overflow: hidden; width: 245px; height: 90px; text-indent: -10001em; }
 #nav { list-style: none; height: 34px; margin: 0 0 117px; padding: 8px 0 0 20px; background: url(../images/night/nav.png) no-repeat; }
  #nav li { display: inline; float: left; height: 16px; margin: 0 0 0 4px; }
   #nav li a { display: block; overflow: hidden; height: 16px; background: url(../images/nav.png) no-repeat; text-indent: -10001em; }
   #nav li em { display: none; }
   #nav li.home a { width: 64px; background-position: 0px 0; } #nav li.home a:hover { background-position: 0px -16px; } #nav li.home a.active { background-position: 0px -32px !important; }
   #nav li.what-you-get a { width: 129px; background-position: -71px 0; } #nav li.what-you-get a:hover { background-position: -71px -16px; } #nav li.what-you-get a.active { background-position: -71px -32px !important; }
   #nav li.questions-and-answers a { width: 175px; background-position: -207px 0; } #nav li.questions-and-answers a:hover { background-position: -207px -16px; } #nav li.questions-and-answers a.active { background-position: -207px -32px !important; }
   #nav li.code a { width: 98px; background-position: -389px 0; } #nav li.code a:hover { background-position: -389px -16px; } #nav li.code a.active { background-position: -389px -32px !important; }
   #nav li.contact-us a { width: 106px; background-position: -494px 0; } #nav li.contact-us a:hover { background-position: -494px -16px; } #nav li.contact-us a.active { background-position: -494px -32px !important; }
   #nav li.order-now a { width: 104px; background-position: -607px 0; } #nav li.order-now a:hover { background-position: -607px -16px; } #nav li.order-now a.active { background-position: -607px -32px !important; }
 #steps { list-style: none; height: 90px; margin: 0; padding: 0; background: url(../images/night/steps.png) no-repeat; }
  #steps li { display: inline; float: left; height: 90px; background: url(../images/steps.png) 0 50% no-repeat; text-indent: -10001em; }
  #steps li.one { width: 210px; background-position: 30px 50%; }
  #steps li.two { width: 305px; background-position: -181px 50%; }
  #steps li.three { width: 235px; background-position: -486px 50%; }
 #content { overflow: hidden; width: 700px; margin: 0 0 30px; padding: 20px 25px 8em; background: url(../images/night/content.png) no-repeat; }
  #main { float: left; width: 468px; }
  #side { float: right; width: 210px; }
   #side p { font-size: 0.92em; }
   #side a { color: #7a5925; }
   #side a:hover { color: #333; text-decoration: none; }
 #footer { position: relative; width: 730px; margin: -8em auto 0; padding: 10px 0; border-top: 7px solid #eee9e3; }
  #footer p.first { float: left; padding: 0 0 0 15px; font-size: 0.92em; }
  #footer ul { float: right; list-style: none; margin: 0 0 12px; padding: 0 8px 0 0; }
   #footer ul li { float: left; padding: 0 7px 0 8px; background: url(../images/sep-b.gif) 0 50% no-repeat; font-size: 0.92em; }
   #footer ul li.first { padding-left: 0; background: none; }
    #footer ul li a { color: #7a5925; text-decoration: none; }
    #footer ul li a:hover { text-decoration: underline; }
  #footer p.browsers { clear: both; height: 44px; margin: 0; padding: 10px 0 0; border-top: 1px solid #efebe4; background: url(../images/browsers.jpg) 50% 100% no-repeat; text-indent: -10001em; }
 #shift { position: absolute; right: -20px; top: 200px; width: 20px; height: 126px; }
  #shift a { display: block; overflow: hidden; width: 20px; height: 126px; background: url(../images/night/shift.png) no-repeat; text-indent: -10001em; outline: none; }
 
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   
/* SWITCH
------------------------------------------- */
body.day { background-image: url(../images/day/bg.jpg); }
 body.day #logo { background-image: url(../images/day/indicator.gif); }
  body.day #logo h1 { background-image: url(../images/day/header.jpg); background-position: 26px 0; }
 body.day #nav { background-image: url(../images/day/nav.png); }
 body.day #steps { background-image: url(../images/day/steps.png); }
 body.day #content { background-image: url(../images/day/content.png); }
  body.day #shift a { background-image: url(../images/day/shift.png); }

/* HEADERS
------------------------------------------- */
#content h2 { overflow: hidden; height: 20px; background-repeat: no-repeat; text-indent: -10001em; }
#about-us h2 { background-image: url(../images/headers/who-are-we.png); }
#testimonials h2 { background-image: url(../images/headers/what-do-people-think.png); }
#process h2 { background-image: url(../images/headers/order-process.png); }
#calculator h2 { background-image: url(../images/headers/calculate-cost.png); }
#features h2 { background-image: url(../images/headers/what-you-get.png); }
#work h2 { background-image: url(../images/headers/feel-the-power.png); }
#order-now h2 { background-image: url(../images/headers/hire-your-own-superhero.png); }
#contact-us h2 { background-image: url(../images/headers/get-in-touch-with-us.png); }
#need-help h2 { background-image: url(../images/headers/need-help.png); }
#other-ways h2 { background-image: url(../images/headers/other-ways.png); }
#need-more h2 { background-image: url(../images/headers/needing-more.png); }
#order-now-success h2 { background-image: url(../images/headers/super-coder-on-your-command.png); }
#upload-center h2 { background-image: url(../images/headers/upload-your-designs.png); }
#upload-trouble h2 { background-image: url(../images/headers/upload-problems.png); }
#payment h2 { background-image: url(../images/headers/payment-page.png); }
#questions-and-answers h2 { background-image: url(../images/headers/questions-and-answers.png); }
#code h2 { background-image: url(../images/headers/chopped-into-pieces.png); }
#code-samples h2 { background-image: url(../images/headers/code-samples.png); }
#what-you-get h2 { background-image: url(../images/headers/what-you-get.png); }
  
/* ELEMENTS
------------------------------------------- */
.separate { margin-bottom: 15px; padding-bottom: 15px; background: url(../images/sep-a.gif) 50% 100% no-repeat; }
p.separate { padding-bottom: 23px; }

p.our-email { }
 p.our-email a { display: block; overflow: hidden; width: 100%; height: 11px; background: url(../images/communicate.png) no-repeat; text-indent: -10001px; }
 p.our-email a:hover { background-position: 0 -20px; }

p.our-ims { overflow: hidden; width: 100%; height: 30px; background: url(../images/communicate.png) 0 -40px no-repeat; text-indent: -10001px; }

ul.our-ims { overflow: hidden; width: 100%; height: 30px; margin: 0 0 10px; padding: 0; background: url(../images/communicate.png) 0 -40px no-repeat; }
 ul.our-ims li { position: absolute; left: -10001px; top: -10001px; }

ul.work { overflow: hidden; list-style: none; width: 100%; margin: 0 0 12px; padding: 0; }
 ul.work li { display: inline; float: left; margin: 0 4px 5px; }
  ul.work li a { float: left; width: 26px; height: 36px; padding: 3px 3px 0; background: url(../images/work.png) no-repeat; }
  ul.work li a:hover { background-position: 0 -39px; }
  
dl.faq { padding: 0 0 0 5px; }
 dl.faq dt { padding: 2px 0 2px 25px; background: url(../images/i-help.png) 0 1px no-repeat; }
 dl.faq dd { padding: 2px 0 2px 25px; background: url(../images/i-comment.png) 0 3px no-repeat; }
  
/* HOMEPAGE
------------------------------------------- */
#about-us { }
 #about-us h2 { }

#testimonials { }
 #testimonials h2 { width: 350px; }
 #testimonials ul.control { float: right; list-style: none; margin: -25px 0 0; padding: 0; }
  #testimonials ul.control li { float: left; padding: 0 0 0 10px; font-size: 0.75em; }
   #testimonials ul.control li a { color: #7a5925; text-decoration: none; }
   #testimonials ul.control li a:hover { color: #000; }
 #testimonials div.testimonial { width: 100%; margin: 0 0 15px; }
  #testimonials blockquote { margin: 0; padding: 0 0 0 45px; background: url(../images/quotie.gif) 10px 5px no-repeat; }
   #testimonials blockquote p { margin: 0 0 5px; }
   #testimonials p.author { margin: 0; padding: 0 25px 0 0; text-align: right; }
    #testimonials p.author img { margin: 0 5px 0 0; vertical-align: -3px; }
    #testimonials p.author strong { padding: 2px 0 2px 25px; background: url(../images/i-comment.png) 0 55% no-repeat; }
  
#process { }
 #process h2 { }
 #process ol { list-style: none; margin: 15px 0 20px; padding: 0; height: 247px; background: url(../images/process.jpg) no-repeat; text-indent: -10001em; }
 
/* SIDE BOXES
------------------------------------------- */
#calculator { width: 100%; }
 #calculator h2 { }
 #calculator p.prices { margin: 0 0 7px; font-size: 1.1em; line-height: 1.3; font-weight: bold; text-align: center; }
  #calculator p.prices span { font-size: 1.1em; }
 #calculator p.info { position: relative; height: 26px; margin: 0 0 7px; color: #fff; font: 1.16em Georgia,sans-serif; text-indent: -10001em; }
  #calculator p.info em { position: absolute; left: 20px; top: 3px; color: #7a5925; font-weight: bold; font-style: normal; text-indent: 0; }
  #calculator p.info strong { position: absolute; left: 95px; width: 80px; height: 26px; padding: 0 0 0 9px; background: url(../images/price.png) no-repeat; font-weight: normal; font-size: 1.29em; line-height: 22px; text-align: center; text-indent: 0; }
 #calculator ul.slider { position: relative; list-style: none; height: 27px; width: 160px; margin: 0 0 10px; padding: 0 25px; background: url(../images/slider.png) 50% 0 no-repeat; }
  #calculator ul.slider li { position: absolute; top: 8px; width: 10px; height: 10px; cursor: pointer; }
   #calculator ul.slider li span { display: block; overflow: hidden; width: 10px; height: 10px; text-indent: -10001em; }
  #calculator ul.slider li.drag { left: 26px; top: 6px; width: 159px; height: 15px; }
   #calculator ul.slider li.drag span { position: absolute; top: 0; left: 0; width: 9px; height: 15px; background: url(../images/slider-drag.gif) no-repeat; text-indent: -10001em; cursor: move; }
  #calculator ul.slider li.less { left: 12px; }
  #calculator ul.slider li.more { left: 189px; }
 #calculator p.checkout {  }
  #calculator p.checkout a { display: block; overflow: hidden; width: 100%; height: 14px; background: url(../images/checkout.png) 50% 0 no-repeat; text-indent: -10001em; }
 
#features { width: 100%; }
 #features h2 { margin: 0 0 15px; }
 #features ul { list-style: none; height: 180px; margin: 0 0 10px; padding: 0; background: url(../images/features.png) 10px 0 no-repeat; text-indent: -10001em; }
 
#work { width: 100%; }

#code-samples { }
 #code-samples ul { position: relative; list-style: none; width: 170px; height: 74px; margin: 0 auto; padding: 0; background: url(../images/samples.jpg) no-repeat; }
  #code-samples ul li { position: absolute; left: 0; top: 0; }
  #code-samples ul li.xhtml { left: 65px; top: 24px; width: 39px; height: 40px; }
  #code-samples ul li.css { left: 104px; top: 0; width: 32px; height: 37px; }
  #code-samples ul li.javascript { left: 127px; top: 38px; width: 43px; height: 26px; }
   #code-samples ul li a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/samples.jpg) 200px 0 no-repeat; text-indent: -10001em; }
   #code-samples ul li.xhtml a:hover { background-position: -65px -98px; }
   #code-samples ul li.css a:hover { background-position: -104px -74px; }
   #code-samples ul li.javascript a:hover { background-position: -127px -112px; }
 
#bookmarks { width: 100%; }
 #bookmarks p { }
  #bookmarks p a { display: block; overflow: hidden; height: 23px; background: url(../images/delicious.png) no-repeat; text-indent: -10001em; }

ul.contact-details { overflow: hidden; list-style: none; height: 0; margin: 0 0 10px; padding: 117px 0 0; background: url(../images/communicate.png) 5px 5px no-repeat; }
 
#side p.more { width: 170px; margin: 0 auto 10px; padding: 7px 0 0; border-top: 1px solid #ece8e0; font-size: 0.84em; font-weight: bold; text-transform: uppercase; text-align: center; }
 #side p.more a { text-decoration: none; }
 #side p.more a:hover { text-decoration: underline; }
 
/* PAGES
------------------------------------------- */
#upload-form { background: url(../images/indicator.gif) -25px 0 no-repeat; }
 #upload-form fieldset { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #edecd0; background: #fff; }
  #upload-form fieldset legend { margin: 0; padding: 0 0 10px; color: #8f7246; font: bold 1em Georgia,Arial,Helvetica,sans-serif; text-transform: uppercase; }
  #upload-form fieldset h3 { margin: 10px 0; }
  #upload-form fieldset div.info { padding: 3px 2px; font-size: 0.75em; color: #b41414; }
  #upload-form fieldset div.submit { overflow: hidden; width: 100%; margin: 15px 0 0; }
   #upload-form fieldset div.submit button { display: inline; float: left; position: relative; width: 168px; height: 22px; margin: 0 10px 0 0; border: none; background: url(../images/b-upload.png) no-repeat; text-indent: -10001em; }
   #upload-form fieldset div.submit span { display: none; float: left; height: 22px; padding: 0 0 0 25px; background: url(../images/indicator.gif) 0 50% no-repeat; line-height: 22px; }
 #upload-center ul { list-style: none; margin: 0 0 10px; padding: 0 0 0 10px; }
  #upload-center ul li { margin: 0 0 3px; padding-left: 20px; background: url(../images/bullet-a.png) no-repeat; }
  #upload-center ul.queue li { display: none; background: url(../images/bullet-b.png) 1px -1px no-repeat; }
  #upload-center ul li.empty { display: block; background: url(../images/i-error.png) 1px -1px no-repeat; }
   #upload-center ul li span { font-size: 0.92em; }
   #upload-center ul.uploaded li a { color: #7a5925; text-decoration: none; }
   #upload-center ul.uploaded li a:hover { text-decoration: underline; }
   #upload-center ul.uploaded li span { color: #c1bf93; }
  /*#upload-center ul.uploaded li { position: relative; overflow: hidden; margin: 0 0 3px; padding: 0 0 0 140px; }
  #upload-center ul.uploaded li.empty { padding: 0 0 0 20px; background: url(../images/i-error.png) 1px -1px no-repeat; }
   #upload-center ul.uploaded li span { padding: 0 0 0 20px; color: #aaa; font-size: 0.83em; line-height: 16px; }
   #upload-center ul.uploaded li span.date { position: absolute; left: 3px; width: 65px; background: url(../images/i-date.png) 0 50% no-repeat; }
   #upload-center ul.uploaded li span.time { position: absolute; left: 85px; width: 35px; background: url(../images/i-time.png) 0 50% no-repeat; }
   #upload-center ul.uploaded li strong { display: block; padding: 0 0 0 20px; background: url(../images/i-pic.png) 0 0 no-repeat; font-weight: normal; }
   #upload-center ul.uploaded li strong span.size { padding: 0 0 0 5px; }*/

#order-now-success { }
 #order-now-success p { padding: 0 0 0 38px; background-position: 10px 50%; background-repeat: no-repeat; }
 #order-now-success p.thanks { background-image: url(../images/i-heart.png); }
 #order-now-success p.copy { background-image: url(../images/i-email.png); }
 #order-now-success p.upload { background-image: url(../images/i-upload.png); }
 #order-now-success p.payment { background-image: url(../images/i-dollar.png); }
 #order-now-success p.warning { background-image: url(../images/i-exclamation.png); }
 #order-now-success p.order { padding: 0; border: 1px solid #ccc; background: none; font-size: 2em; font-weight: normal; text-align: center; }
  #order-now-success p.order strong { display: block; padding: 10px; border: 1px solid #fff; background: #487aa5 url(../images/payment-bg.gif) repeat-x; color: #fff; }
 
#payment { }
 #payment p.paypal { padding: 0 0 0 80px; background: url(../images/paypal.gif) 5px 50% no-repeat; }
 #payment table { width: 100%; margin: 10px 0; border-spacing: 0; border-collapse: collapse; }
  #payment table th,
  #payment table td { padding: 7px 5px; border: 1px solid #ccc; color: #555; text-align: center; }
  #payment table thead th { padding: 3px; background: #487aa5 url(../images/payment-bg.gif) repeat-x; color: #fff; text-transform: uppercase; font-size: 11px; }
  #payment table thead th.order,
  #payment table thead th.pages,
  #payment table thead th.total { border-right-color: #fff; }
  #payment table tfoot td { border: none; }
  #payment table tbody td { font-size: 14px; }
  #payment table.custom tbody td { width: 50%; }
  #payment table tbody td.price { color: #396082; font-weight: bold; }
   #payment form { margin: 0; padding: 0; }
    #payment fieldset { margin: 0; padding: 0; }
     #payment legend { display: none; }
 
/* FORMS
------------------------------------------- */
form.a { display: block; margin: 0; padding: 0; }
 form.a fieldset { }
  form.a fieldset legend { display: none; }
  form.a fieldset div { clear: both; width: 100%; padding: 5px 0; }
  form.a fieldset div.error { width: auto; padding-left: 170px; background: url(../images/i-error.png) 150px 4px no-repeat; color: #d3311f; font-size: 0.92em; }
   form.a fieldset div label { overflow: hidden; float: left; width: 140px; height: 0; margin: 7px 0 0; padding: 10px 10px 0 0; background: url(../images/labels.png) no-repeat; line-height: 1; vertical-align: middle; }
   form.a fieldset div input { width: 300px; vertical-align: middle; text-indent: 0; }
   form.a fieldset div textarea { width: 300px; height: 120px; }
   form.a fieldset div select { width: 250px; }
   form.a fieldset .highlight { border: 1px solid #e12525; }
   form.a fieldset textarea.highlight { padding: 1px; }
   form.a fieldset input.highlight { padding: 1px 1px 3px; }
    form.a fieldset div select option { padding: 0 25px 0 0; }
   form.a fieldset div img { vertical-align: middle; cursor: pointer; }
  form.a button { display: block; position: relative; width: 175px; height: 22px; margin: 15px 0 0 150px; border: none; background: url(../images/b-order.png) no-repeat; text-indent: -10001em; }
   
/* ORDER FORM */
 #order-now form.a fieldset { background: url(../images/paypal.gif) 390px 100% no-repeat; }
  form.a div.project { margin-top: 30px; }
  form.a div.deadpages { min-height: 1.75em; }
   form.a div.deadpages label { width: 55px; }
   form.a div.deadpages label.first { width: 140px; }
   form.a div.deadpages input { display: inline; float: left; width: 45px; margin: 0 5px 0 0; }
   form.a div.deadpages input.first { width: 75px; margin-right: 15px; }
   form.a div.deadpages span#f-price { float: left; margin: -1px 0 0; color: #85622a; font: 1.5em Georgia,Verdana,sans-serif; }
   form.a div.deadpages span#f-price:first-letter { color: #bdbdbd; }
  form.a div.template { }
   form.a div.template input.last { width: 275px; margin-right: 5px; }
  form.a div.notes { }
   form.a div.notes textarea { height: 120px; }
  
/* LABELS */
form.a div.name label { background-position: 0 0; }
form.a div.email label { background-position: 0 -10px; }
form.a div.company label { background-position: 0 -20px; }
form.a div.project label { background-position: 0 -30px; }
form.a div.deadpages label { background-position: 0 -50px; }
form.a div.deadpages label.first { background-position: 0 -40px; }
form.a div.template label { background-position: 0 -60px; }
form.a div.timezone label { background-position: 0 -70px; }
form.a div.notes label { background-position: 0 -80px; }
form.a div.subject label { background-position: 0 -90px; }
form.a div.message label { background-position: 0 -100px; }
  
/* CODE */
div.work { margin: 0 0 15px; padding: 0 0 0 15px; }
 div.work h3 { position: absolute; left: -10001em; top: -10001em; }
 div.work p.image { margin: 0 0 10px -15px; }
 div.work h4 { float: left; width: 60px; height: 18px; margin: 0 -60px 0 0; background: url(../images/files.png) 17px 0 no-repeat; text-indent: -10001em; }
 div.work h4.xhtml { background-position: 17px 5px; }
 div.work h4.css { background-position: 17px -15px; }
 div.work h4.js { background-position: 17px -35px; }
 div.work ul { list-style: none; margin: 0 0 0 60px; padding: 0 0 3px 10px; border-left: 1px solid #eedfd7; }
  div.work ul li { display: inline; padding: 0 2px 0 8px; background: url(../images/sep-c.gif) 0 50% no-repeat; color: #999; font-size: 0.83em; line-height: 2; text-transform: uppercase; }
  div.work ul li.first { padding-left: 0; background: none; }
   div.work ul li a { color: #999; text-decoration: none; }
   div.work ul li a:hover { color: #333; }
  
/* DATEPICKER */
form.a div.deadpages div { clear: none; width: auto; }
form.a div.deadpages div.date-picker-holder { clear: none; float: left; position: relative; width: auto; margin: 0; padding: 0; }
 form.a div.deadpages div.date-picker-holder input { width: 75px; margin-right: 5px; }
  form.a div.deadpages div.date-picker-holder a.date-picker { display: inline; overflow: hidden; float: left; width: 16px; height: 16px; margin: 4px 15px 0 0; padding: 0; border: none; background: url(../images/i-datepicker.png) no-repeat; color: #fff; cursor: pointer; }
   form.a div.deadpages div.date-picker-holder a.date-picker span { float: left; text-indent: -10001em; }

form.a fieldset div.popup-calendar { display: none; position: absolute; z-index: 2; top: -110px; left: 106px; overflow: hidden; width: 177px; padding: 7px; border: 1px solid #999; border-width: 1px 1px 2px; border-color: #ccc #ccc #999; background: #fffff5; color: #555; }
 form.a fieldset div.popup-calendar h3 { font-size: 14px; margin: 2px 0 5px 3px; color: #745019; }
 form.a fieldset div.popup-calendar div.link-close { float: right; }
 form.a fieldset div.popup-calendar div.link-prev { float: left; }
 form.a fieldset div.popup-calendar div.link-next { float: right; }
  form.a fieldset div.popup-calendar div a { padding: 1px 2px; color: #619cb8; font-size: 11px; }
  form.a fieldset div.popup-calendar div.link-close a { color: #c11b1b; }
  form.a fieldset div.popup-calendar div a:hover { text-decoration: underline; }
 form.a fieldset div.popup-calendar table { margin: 0; }
  form.a fieldset div.popup-calendar table th,
  form.a fieldset div.popup-calendar table td { width: 21px; text-align: center; }
  form.a fieldset div.popup-calendar table td.inactive { color: #aaa; padding: 1px 0 0; }
   form.a fieldset div.popup-calendar table td a { display: block; width: 19px; height: 15px; padding: 0 0 1px; border: 1px solid #ccc; background: #fff; color: #333; text-align: center; text-decoration: none; }
   form.a fieldset div.popup-calendar table td.today a { color: #fff; background: #619cb8; font-weight: bold; }
   form.a fieldset div.popup-calendar table td a.selected, 
   form.a fieldset div.popup-calendar table td a:hover { background: #333; color: #fff; }