/* ======================================================
  765-pro.info
  Hatsune Miku: Project DIVA Request Engine
  Global CSS stylesheet by Crisu
====================================================== */

@import url("css_icons.css");
@import url("css_images.css");

/* General formatting ======================================================= */
* { margin: 0; padding: 0; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.j { text-align: justify; }
.z { zoom: 1; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.s { text-decoration: line-through; }
.bold { font-weight: bold; }
.cursord { cursor: default; }
.cursorp { cursor: pointer; }
.mauto { margin: auto; }
.dib { display: inline-block; }
.din { display: inline; }
.block { display: block; visible: visible; }
.hide { display: none; visible: hidden; }
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.middle { vertical-align: middle; }

/* Site-specific formatting ================================================= */
.hov:hover { background-color: #FFFFDD !important; }

body { background: #EEEEEE url('../Web/snowbg.jpg') repeat fixed; font-family: Arial,sans-serif; text-align: center; }
option { padding: 1px 2px; }
#content { width: 1000px; margin: 20px auto; text-align: left; }
#menuBar td { padding: 0 15px; }
#accyBar td, #coordBar td { padding: 0 10px; }
#vocaBar td { height: 44px; font-weight: bold; }
#donateBar  { float: right; margin-left: 10px; }
#requestBar { background: #DDFFDD; margin-bottom: 20px; padding: 10px 20px; border: 2px dotted black; }
#footerBar  { padding: 5px; margin-top: 15px; }
#songConfig { font-weight: normal; }
#albumCover { width: 549px; height: 283px; background-repeat: no-repeat; background-position: top left; margin-bottom: 15px; }
#chanceSelector { width: 60px; margin-left: 10px; }
#coordinateInfo { background: #FFFFDD; height: 96px; width: 455px; margin-left: 5px; padding: 5px; }
#costumeThumb, #accessoryThumb { width: 432px; height: 720px; background-repeat: no-repeat; background-position: top left; }
#importDisplay td { background-repeat: no-repeat; background-position: center center; }
#requestShort { font-family: Courier New; }
.contentBar  { background: #DDDDDD; padding: 10px 20px; border: 2px dotted black; min-height: 420px; }
.menuButton  { background: #BBBBC8; padding: 10px 20px; border: 2px dotted black; border-bottom: 0; cursor: pointer; }
.coordButton { background: #BBBBC8; padding: 10px 20px; border: 2px dotted black; cursor: pointer; }
.infoBlock   { background: #F8F8F8; border: 1px solid black; }
.heading { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.idoldiv { width: 134px; height: 133px; cursor: pointer; }
.idolslot { height: 22px; color: #CC0000; font-size: 18px; font-weight: bold; }
.scrollerdiv { height: 720px; overflow: auto; }
.coorddiv { width: 139px; height: 131px; cursor: pointer; background-repeat: no-repeat; background-position: center center; text-align: center; }
.emptydiv { width: 139px; height: 131px; }
.idolDropdown { width: 120px; font-size: 18px; }

/* Margins and Padding ====================================================== */
.mt5 { margin-top: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.pt5 { padding-top: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pt15 { padding-top: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.pt20 { padding-top: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

/* Borders ================================================================== */
.btop { -moz-border-radius: 20px 20px 0px 0px; }
.bright { -moz-border-radius: 0px 20px 20px 0px; }
.bbot { -moz-border-radius: 0px 0px 20px 20px; }
.bleft { -moz-border-radius: 20px 0px 0px 20px; }
.btopleft { -moz-border-radius: 20px 0px 0px 0px; }
.btopright { -moz-border-radius: 0px 20px 0px 0px; }
.bbotright { -moz-border-radius: 0px 0px 20px 0px; }
.bbotleft { -moz-border-radius: 0px 0px 0px 20px; }
.ball { -moz-border-radius: 20px 20px 20px 20px; }
.btop10 { -moz-border-radius: 10px 10px 0px 0px; }
.bright10 { -moz-border-radius: 0px 10px 10px 0px; }
.bbot10 { -moz-border-radius: 0px 0px 10px 10px; }
.bleft10 { -moz-border-radius: 10px 0px 0px 10px; }
.btopleft10 { -moz-border-radius: 10px 0px 0px 0px; }
.btopright10 { -moz-border-radius: 0px 10px 0px 0px; }
.bbotright10 { -moz-border-radius: 0px 0px 10px 0px; }
.bbotleft10 { -moz-border-radius: 0px 0px 0px 10px; }
.ball10 { -moz-border-radius: 10px 10px 10px 10px; }