@charset "utf-8";
/* CSS Document */

@import "common_header.css";
@import "grpRakutenLinkArea.css";
@import "cp3.3.css";


/*----------------------------
  Default
----------------------------*/
#container h1,
#container h2,
#container h3,
#container p,
#container ul,
#container ol,
#container dl,
#container dd,
#container form,
#container fieldset {
  margin: 0;
  padding: 0;
}

#container ul {
  list-style: none;
}

#container fieldset,
#container img {
  border: none;
}

#content legend {
  display: none;
}


/*----------------------------
  Layout
----------------------------*/
#rn_outerwrapper {
  width: 950px;
  margin: 20px auto;
}

#mainContents {
  width: 700px;
  margin-left: 10px;
}

#sideArea {
  width: 240px;
}

#mainContents.oneColumn {
  /* for detail & inquiry page */
  float: none;
  width: 950px;
  margin: 0;
}

#container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/*----------------------------
  Common
----------------------------*/
#rn_outerwrapper h1 {
  font-size: 125%;
  color: #ffffff;
  background: #BF0000;
  padding-bottom: 1px;
  margin-bottom: 14px;
  clear: both;
}

#rn_outerwrapper h1 span {
  border-bottom: 1px solid #ffffff;
  padding: 6px 5px 3px 40px;
  background: url("../../images/rakuten/icon_h1.gif") 7px 4px no-repeat;
  /* サービスカラー */
  display: block;
  min-height: 22px;
  line-height: 1.1;
}

#mainContents h2 {
  font-size: 90%;
  color: #fffffd;
  background: #7e7e7e;
  padding: 1px;
}

#mainContents h2 span {
  border: 1px solid #ffffff;
  padding: 6px 5px 4px 15px;
  background: url("../../images/rakuten/icon_h2.gif") 5px 4px no-repeat;
  display: block;
  min-height: 17px;
  line-height: 1.2;
}

#mainContents #toBack {
  border-top: 1px solid #c6c6c6;
  font-size: 82%;
  padding-top: 10px;
}

#mainContents #toBack.green {
  border-top: 1px solid #BF0000;
  /* サービスカラー */
  /*margin-top: 30px;     --- Commented by Ravi. Updated CSS added below. Issue: I-333723 */
  margin-top: 13px;
}

#mainContents #toBack p {
  margin-bottom: 5px;
}

/*----------------------------
  Side Area
----------------------------*/
#sideArea .sideList {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  font-size: 82%;
  line-height: 1.3;
  margin-bottom: 10px;
}

#sideArea .sideList h2 {
  font-size: 90%;
  font-weight: normal;
  border: 1px solid #999999;
  background: #f0f0f0;
}

#sideArea .sideList h2 span {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding: 7px 5px 7px 10px;
  display: block;
  width: 221px;
}

#sideArea .sideList .sideListInner {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 7px 7px 7px 16px;
}

#sideArea .sideList ol {
  margin: 0 0 0 15px;
  /* Default 30  */
  font-weight: bold;
}

#sideArea .sideList ol li {
  padding: 5px 0px 0px 5px;
}

#sideArea .sideList ol a {
  font-weight: normal;
  margin-left: -5px;
  display: block;
}

#sideArea .sideList ul li {
  background: url("../../images/rakuten/icon_list.gif") 0 14px no-repeat;
  padding: 5px 0 5px 8px;
}

#sideArea #keyword {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
}

#sideArea #keyword h2 {
  font-size: 90%;
  color: #ffffff;
  background: #666666;
  padding: 1px;
}

#sideArea #keyword h2 span {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding: 7px 5px 5px 16px;
  display: block;
  background: url("../../images/rakuten/icon_keyword.gif") 5px 5px no-repeat;
  /* サービスカラー */
  min-height: 15px;
  line-height: 1.2;
}

#sideArea #keyword #keywordInner {
  font-size: 78%;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

#sideArea #keyword #search {
  background: #f7f7f7;
  border: 1px solid #ffffff;
  padding: 7px 5px 7px 9px;
  width: 221px;
}

#sideArea #keyword #search p {
  font-weight: bold;
  margin: 0 0 3px 0;
}

#sideArea #keyword .inputSubmit {
  font-size: 115%;
  margin: 0 4px;
  padding: 2px 1px;
}

#SearchButton_2 {
  font-size: 115%;
  margin: 0 4px;
  padding: 2px 1px;
}

#sideArea #keyword .inputKeyword {
  padding: 5px 4px 4px 4px;
  border: 1px solid #a5acb2;
  width: 150px;
}

/* Y.Takeo 追加 2010/02/02 */
#KeywordText_1 {
  padding: 5px 4px 4px 4px;
  border: 1px solid #a5acb2;
  width: 150px;
}

#sideArea #keyword #candidate {
  border-top: 1px dotted #666666;
  padding: 10px 9px;
}

#sideArea #keyword #candidate dt {
  font-weight: bold;
  margin-bottom: 3px;
}

#sideArea #keyword #candidate li {
  display: inline;
  line-height: 1.5;
}

#sideArea #keyword #condition {
  padding: 10px;
}

#sideArea #keyword #condition dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#sideArea #keyword #condition dd {
  border: 1px solid #cecece;
  background: #fafafa;
  padding: 5px 5px 0 5px;
}

#sideArea #condition.underLine {
  border-bottom: 1px dotted #666666;
  border-top: none;
}

#sideArea #condition {
  border-top: 1px dotted #666666;
}

#sideArea #keyword #conditionList li {
  margin-bottom: 10px;
  line-height: 1.3;
  background: url("../../images/rakuten/icon_list.gif") 7px 8px no-repeat;
  padding: 0 0 0 15px;
}

#sideArea #keyword #conditionList .select {
  background: #dbdbdb url("../../images/rakuten/icon_condition.gif") 7px 10px no-repeat;
  font-weight: bold;
  color: #555555;
  padding: 3px 3px 3px 15px;
}

#sideArea #inquiryList {
  background: url("../../images/rakuten/bg_inquiry_bot.gif") 0 100% no-repeat;
  font-size: 82%;
  padding-bottom: 4px;
}

#sideArea #inquiryList dt {
  background: url("../../images/rakuten/bg_inquiry.gif") 0 0 no-repeat;
  padding: 11px 0 7px 20px;
}

#sideArea #inquiryList li {
  background: url("../../images/rakuten/icon_list_index.gif") 20px 7px no-repeat;
  padding: 0 0 7px 30px;
  line-height: 1.4;
}

#sideArea .sideListInner .rn_Multiline span.rn_Element2 {
  display: block !important;
}

#sideArea .sideListInner .rn_Multiline span {
  display: none;
}

/*----------------------------
  Top Page
----------------------------*/
#mainContents #notice {
  border: 1px solid #be0000;
  background: #fffcdd;
  font-size: 82%;
  margin-bottom: 10px;
}

#mainContents #notice dt {
  font-weight: bold;
  color: #be0000;
  border-bottom: 1px dotted #be0000;
  padding: 7px 12px;
}

#mainContents #notice ul {
  margin: 7px 12px;
  line-height: 1.3;
}

#mainContents #notice li {
  background: url("../../images/rakuten/icon_list_notice.gif") 5px 10px no-repeat;
  padding: 3px 3px 3px 12px;
}

#mainContents #notice img {
  vertical-align: middle;
  margin-left: 3px;
}

#mainContents .helpList {
  margin: 20px 0;
}

#mainContents .helpList ul {
  margin-top: 8px;
}

#mainContents .helpList li {
  float: left;
  width: 155px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#mainContents .helpList li.first {
  margin-left: 10px;
  display: inline;
  /* for IE 6.0 */
}

#mainContents .helpList li li {
  width: 143px;
  margin: 0;
  font-size: 82%;
  line-height: 1.4;
  background: url("../../images/rakuten/icon_list_index.gif") 5px 7px no-repeat;
  padding: 0 0 7px 12px;
}

#mainContents .helpList h3 {
  font-size: 82%;
}

#mainContents .helpList h3 span {
  border: 1px solid ##f0f0f0;
  padding: 2px 5px;
  display: block;
  background: #f0f0f0;
  border: 1px solid #aeaeae;
  text-decoration: none;
}

#mainContents .helpList h3 a {
  text-decoration: none;
}


/*----------------------------
  Detail Page
----------------------------*/
#mainContents #question {
  font-size: 82%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #c6c6c6;
  background: #f0f0f0 url("../../images/rakuten/icon_q.gif") 17px 10px no-repeat;
  padding: 8px 0 8px 37px;
  font-weight: bold;
  line-height: 1.5;
}

#mainContents #answer {
  font-size: 82%;
  background: url("../../images/rakuten/icon_a.gif") 17px 19px no-repeat;
  padding: 0px 37px 30px 37px;
  line-height: 1.5;
  /* width: 650px; */
}

#mainContents #answer #btnPrint {
  margin-top: 20px;
}

#mainContents #result {
  background: #f0f0f0;
  font-size: 82%;
  padding: 15px 0 20px 20px;
}

#mainContents #result #title {
  font-weight: bold;
  color: #cc0000;
}

.rn_RatingButtons button {
  padding: 5px 10px;
  font-weight: bold;
}

div.rn_RelatedAnswers {
  border: 1px solid #999999;
  font-size: 82%;
  margin-top: 30px;
  padding: 0px;
}

#mainContents .rn_RelatedAnswers h2 {
  background: #f0f0f0;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  padding: 6px 5px 6px 10px;
  display: block;
  color: #000;
}

#mainContents .rn_RelatedAnswers ul {
  padding: 7px 0 10px 0;
}

#mainContents .rn_RelatedAnswers li {
  background: url("../../images/rakuten/icon_list.gif") 13px 12px no-repeat;
  padding: 4px 0 4px 20px;
  line-height: 1.5;
}

/*----------------------------
  Inquiry Page
----------------------------*/
#mainContents.rn_AskQuestion {
  width: 950px;
  margin: 0px;
}

.rn_Inquiry {
  width: 700px;
  margin: 0 auto;
}

.inquiryDescription {
  margin: 10px 0 20px;
  font-size: 82%;
}

#rn_QuestionSubmit {
  border: 2px solid #CCC;
}

#rn_ErrorLocation {
  border-bottom: 1px solid #DDD;
  font-size: 95%;
  background: #FFF2B9;
}

#rn_ErrorLocation a {
  color: #BF0000;
}

#rn_ErrorLocation div {
  padding: 4px 0px 4px 10px;
}

div.rn_TextInput {
  padding: 10px 0px;
  border-bottom: 1px solid #DDD;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

div.rn_TextInput span.rn_HintText {
  font-size: 80%;
  margin-top: 10px;
}

div.rn_TextInput div.rn_TextInputValidate {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 10px;
}

div.rn_TextInput div {
  width: 35%;
}

.rn_TextInput .rn_Label {
  font-size: 14px;
}

.rn_TextInput input {
  width: 60%;
}

div.rn_ProductCategoryInput {
  display: -webkit-flex;
  display: flex;
}

.rn_ProductCategoryInput .rn_Label {
  width: 28%;
  font-size: 82%;
  padding: 0px 0px 0px 10px;
}

.rn_FormSubmit {
  text-align: center;
  padding: 10px 0px;
  background: #EEE;
}

.rn_FormSubmit button {
  padding: 5px 20px;
}

#stepText p {
  margin: 20px 0px;
  font-size: 90%;
}

/*----------------------------
  Category Page
----------------------------*/
#mainContents #h2Text {
  font-size: 82%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #c6c6c6;
  background: #f0f0f0;
  padding: 5px 0 5px 17px;
}

#mainContents #h2Text dt {
  display: inline;
  font-weight: bold;
}

#mainContents #h2Text dd {
  display: inline;
  padding-right: 20px;
}

#mainContents .pageNav {
  position: relative;
  font-size: 82%;
  margin: 10px 0 5px 0;
}

#mainContents .pageNav li {
  margin-left: 7px;
  display: inline-block;
  margin-bottom: 17px;
  /* Added by Ravi. Issue: I-333723 */
}

#mainContents .pageNav li a {
  padding: 5px;
}

#mainContents .pageNav li.first {
  padding: 0;
  margin: 0;
  border: none;
}

#mainContents #categoryList {
  border-top: 2px solid #BF0000;
  /* サービスカラー  */
  border-bottom: 2px solid #BF0000;
  /* サービスカラー */
  font-size: 82%;
  padding: 8px 0;
}

#mainContents #categoryList li {
  list-style-type: none;
  border-top: 1px dashed #c6c6c6;
  padding: 6px 0 9px 30px;
  background: url("../../images/rakuten/icon_list_q.gif") 13px 12px no-repeat;
  line-height: 1.5;
}

#mainContents #categoryList li.first {
  border: none;
}

/* RNT : Y.takeo 2010/02/02 start */
#mainContents .pageNav li.Forward,
#mainContents .pageNav li.Back {
  display: inline;
  vertical-align: middle;
  position: relative;
  top: -1px;
  cursor: pointer;
  border: none;
}

#mainContents .pageNav li.ForwardHidden,
#mainContents .pageNav li.BackHidden {
  display: none;
}

/* RNT : Y.takeo 2010/02/02 end */

/*----------------------------
  ClearFix
----------------------------*/
#mainContents .helpList,
#mainContents .helpList ul {
  display: inline-block;
}

/* rule out MacIE \*/
#mainContents .helpList ul {
  overflow: hidden;
  display: block;
}

#mainContents ul.helpList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: left;
  justify-content: left;
}

/*----------------------------
  CP3 yui-module
----------------------------*/
.yui3-widget-stacked .yui3-widget-shim {
  opacity: 0;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.yui3-skin-sam .yui3-widget-mask {
  background: #000;
  opacity: 0.4;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#yui3-css-stamp {
  display: none;
}

.yui3-overlay {
  position: absolute;
}

.yui3-panel-hidden,
.yui3-overlay-hidden {
  visibility: hidden;
}

.yui3-widget-tmp-forcesize .yui3-overlay-content {
  overflow: hidden !important;
}

.yui3-panel {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.yui3-panel:before,
.yui3-panel:after {
  content: " ";
  display: table;
}

.yui3-panel:after {
  clear: both;
}

.yui3-panel.yui3-panel-focused {
  outline: 0;
}

.yui3-panel .yui3-widget-hd {
  background: #FFF;
  padding: 8px 1em 8px 8px;
  position: relative;
  min-height: 1em;
}

.yui3-panel .yui3-widget-hd .yui3-widget-buttons {
  position: absolute;
  padding: 8px;
  top: 0;
  right: 0;
}

.yui3-panel .yui3-widget-hd .yui3-button-close {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  color: #222;
  font-size: 0.8em;
  height: 1em;
  width: 0.9em;
}

.yui3-panel .yui3-widget-hd .yui3-button-close::before {
  content: "\d7";
  text-align: center;
  margin-right: 1em;
}

.yui3-panel .yui3-widget-bd {
  *zoom: 1;
  padding: 10px;
  min-height: 80px;
}

.yui3-panel .yui3-widget-bd:before,
.yui3-panel .yui3-widget-bd:after {
  content: " ";
  display: table;
}

.yui3-panel .yui3-widget-bd:after {
  clear: both;
}

.yui3-panel .yui3-widget-ft {
  background: #edf5ff;
  padding: 8px;
  text-align: right;
}

.yui3-panel .yui3-widget-ft .yui3-widget-buttons {
  display: inline-block;
  zoom: 1;
}

.yui3-panel .yui3-widget-ft .yui3-button {
  margin-left: 8px;
}

.yui3-panel .yui3-panel-content {
  background: #FFF;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  *zoom: 1;
  border: 5px solid #CCC;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog:last-child {
  margin-right: 0;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog:before,
.yui3-panel .yui3-panel-content.rn_ActionDialog:after {
  content: " ";
  display: table;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog:after {
  clear: both;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-hd,
.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-bd,
.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft {
  padding: 0.5em;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-hd {
  color: inherit;
  font-size: 1.6em;
  margin-bottom: 1em;
  padding-right: 1em;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft {
  /*float: left;*/
  display: block;
  /*margin-right: 2.35765%;*/
  /*width: 100%;*/
  *zoom: 1;
  margin-top: 1em;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft:last-child {
  margin-right: 0;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft:before,
.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft:after {
  content: " ";
  display: table;
}

.yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft:after {
  clear: both;
}

@media screen and (max-width: 400px) {
  .yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft {
    margin-top: 0;
  }
}

@media screen and (max-width: 400px) {
  .yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft .yui3-widget-buttons {
    display: block;
  }

  .yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft .yui3-widget-buttons .yui3-button {
    display: block;
    width: 100%;
    margin: 0 0 0.5em;
  }
}

.yui3-panel .yui3-panel-content.rn_MessageDialog {
  border: 1px solid #DDD;
}

.yui3-panel .yui3-panel-content.rn_MessageDialog .yui3-widget-hd {
  font-size: 1.2em;
}

@media screen and (max-width: 400px) {
  .yui3-skin-sam .yui3-widget-mask {
    background: #DDD;
    opacity: 1;
  }

  .yui3-panel .yui3-panel-content.rn_ActionDialog {
    background: none;
  }

  .yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-hd,
  .yui3-panel .yui3-panel-content.rn_ActionDialog .yui3-widget-ft {
    background: none;
  }
}

/**
 * Styling for the TreeView UI widget that is used
 * in a number of product / category widgets.
 *
 * .ygtvtn - first or middle sibling, no children
 * .ygtvtm - first or middle sibling, collapsible
 * .ygtvtmh - first or middle sibling, collapsible, hover
 * .ygtvtp - first or middle sibling, expandable
 * .ygtvtph - first or middle sibling, expandable, hover
 * .ygtvln - last sibling, no children
 * .ygtvlm - last sibling, collapsible
 * .ygtvlmh - last sibling, collapsible, hover
 * .ygtvlp - last sibling, expandable
 * .ygtvlph - last sibling, expandable, hover
 */
.ygtvchildren table {
  border-collapse: collapse;
}

.ygtvchildren table td {
  padding: 0;
  border: 0;
}

.ygtvchildren .ygtvrow {
  cursor: pointer;
}

.ygtvchildren a.ygtvspacer {
  display: block;
  text-decoration: none;
  width: 1em;
}

.ygtvchildren .ygtvtm,
.ygtvchildren .ygtvtmh,
.ygtvchildren .ygtvtp,
.ygtvchildren .ygtvtph,
.ygtvchildren .ygtvln,
.ygtvchildren .ygtvlm,
.ygtvchildren .ygtvlmh,
.ygtvchildren .ygtvlp,
.ygtvchildren .ygtvlph,
.ygtvchildren .ygtvloading {
  /* Left-hand gutter for all nodes where collapse/expand UI
         * icons appear for nodes with children. */
  cursor: pointer;
  height: 22px;
  width: 1em;
}

.ygtvchildren .ygtvtm a,
.ygtvchildren .ygtvtmh a,
.ygtvchildren .ygtvtp a,
.ygtvchildren .ygtvtph a,
.ygtvchildren .ygtvln a,
.ygtvchildren .ygtvlm a,
.ygtvchildren .ygtvlmh a,
.ygtvchildren .ygtvlp a,
.ygtvchildren .ygtvlph a,
.ygtvchildren .ygtvloading a {
  color: #333;
  text-decoration: none;
}

.ygtvchildren .ygtvln,
.ygtvchildren .ygtvtn {
  /* No children */
  width: 1em;
  height: 20px;
}

.ygtvchildren .ygtvtm a,
.ygtvchildren .ygtvtmh a,
.ygtvchildren .ygtvlm a,
.ygtvchildren .ygtvlmh a {
  /* Collapsible */
}

.ygtvchildren .ygtvtm a:before,
.ygtvchildren .ygtvtmh a:before,
.ygtvchildren .ygtvlm a:before,
.ygtvchildren .ygtvlmh a:before {
  font-family: 'FontAwesome';
  margin-right: 6px;
  content: "\f0d7";
}

.ygtvchildren .ygtvtp a,
.ygtvchildren .ygtvtph a,
.ygtvchildren .ygtvlp a,
.ygtvchildren .ygtvlph a {
  /* Expandable */
}

.ygtvchildren .ygtvtp a:before,
.ygtvchildren .ygtvtph a:before,
.ygtvchildren .ygtvlp a:before,
.ygtvchildren .ygtvlph a:before {
  font-family: 'FontAwesome';
  margin-right: 6px;
  content: "\f0da";
}

.ygtvchildren .ygtvloading:before {
  font-family: 'FontAwesome';
  margin-right: 6px;
  content: "\f110";
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: block;
  font-size: 1em;
  position: relative;
  text-align: center;
}

.ygtvchildren .ygtvloading a.ygtvspacer {
  display: none;
}

.ygtvchildren .ygtvdepthcell,
.ygtvchildren .ygtvblankdepthcell {
  /* Empty cells that are used for rendering the depth
         * of the node */
  background: transparent;
  width: 1em;
  height: 20px;
}

.ygtvchildren .ygtvlabel,
.ygtvchildren .ygtvlabel:link,
.ygtvchildren .ygtvlabel:visited,
.ygtvchildren .ygtvlabel:hover {
  /* Text label in ygTextNode */
  color: #111;
  font-size: 12px;
  margin-left: 2px;
  text-decoration: none;
}

.ygtvchildren .ygtvfocus {
  background-color: #c0e0e0;
  border: 0;
}

.ygtvchildren .ygtvfocus .ygtvlabel,
.ygtvchildren .ygtvfocus .ygtvlabel:link,
.ygtvchildren .ygtvfocus .ygtvlabel:visited,
.ygtvchildren .ygtvfocus .ygtvlabel:hover {
  background-color: #c0e0e0;
}

.ygtvchildren .ygtvfocus a {
  outline-style: none;
}

.yui3-calendar-pane,
.yui3-calendar-grid {
  width: 100%;
}

.yui3-calendar-column-hidden,
.yui3-calendar-hidden {
  display: none;
}

.yui3-skin-sam .yui3-calendar-content {
  padding: 10px;
  color: #000000;
  border: 1px solid #808080;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
  border-radius: 5px;
}

.yui3-skin-sam .yui3-calendar-grid {
  padding: 5px;
  border-collapse: collapse;
}

.yui3-skin-sam .yui3-calendar-header {
  padding-bottom: 10px;
}

.yui3-skin-sam .yui3-calendar-header-label {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.yui3-skin-sam .yui3-calendar-day,
.yui3-skin-sam .yui3-calendar-prevmonth-day,
.yui3-skin-sam .yui3-calendar-nextmonth-day {
  padding: 5px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  text-align: center;
}

.yui3-skin-sam .yui3-calendar-day:hover {
  background: #0066CC;
  color: #FFFFFF;
}

.yui3-skin-sam .yui3-calendar-selection-disabled,
.yui3-skin-sam .yui3-calendar-selection-disabled:hover {
  color: #A6A6A6;
  background: #CCCCCC;
}

.yui3-skin-sam .yui3-calendar-weekday {
  font-weight: bold;
}

.yui3-skin-sam .yui3-calendar-prevmonth-day,
.yui3-skin-sam .yui3-calendar-nextmonth-day {
  color: #A6A6A6;
}

.yui3-skin-sam .yui3-calendar-day {
  font-weight: bold;
}

.yui3-skin-sam .yui3-calendar-day-selected {
  background-color: #B3D4FF;
  color: #000000;
}

.yui3-skin-sam .yui3-calendar-left-grid {
  margin-right: 1em;
}

[dir="rtl"] .yui3-skin-sam .yui3-calendar-left-grid,
.yui3-skin-sam [dir="rtl"] .yui3-calendar-left-grid {
  margin-right: auto;
  margin-left: 1em;
}

.yui3-skin-sam .yui3-calendar-right-grid {
  margin-left: 1em;
}

[dir="rtl"] .yui3-skin-sam .yui3-calendar-right-grid,
.yui3-skin-sam [dir="rtl"] .yui3-calendar-right-grid {
  margin-left: auto;
  margin-right: 1em;
}

.yui3-skin-sam .yui3-calendar-day-highlighted {
  background-color: #DCDEF5;
}

.yui3-skin-sam .yui3-calendar-day-selected.yui3-calendar-day-highlighted {
  background-color: #758FBB;
}

.yui3-calendar-day {
  cursor: pointer;
}

.yui3-calendar-selection-disabled {
  cursor: default;
}

.yui3-calendar-prevmonth-day {
  cursor: default;
}

.yui3-calendar-nextmonth-day {
  cursor: default;
}

.yui3-calendar-content:hover .yui3-calendar-day,
.yui3-calendar-content:hover .yui3-calendar-prevmonth-day,
.yui3-calendar-content:hover .yui3-calendar-nextmonth-day {
  -moz-user-select: none;
}

.yui3-calendar-header {
  text-align: center;
  position: relative;
  /* ie6 width fix */
  width: 100%;
}

.yui3-calendar-header-label {
  display: inline;
}

.yui3-calendarnav-prevmonth {
  cursor: pointer;
}

.yui3-calendarnav-nextmonth {
  cursor: pointer;
}

.yui3-skin-sam .yui3-calendarnav-prevmonth,
.yui3-skin-sam .yui3-calendarnav-nextmonth {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 10px solid transparent;
  position: absolute;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
}

.yui3-skin-sam .yui3-calendarnav-prevmonth:hover,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-nextmonth:hover,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-nextmonth:hover {
  border-right-color: #0066CC;
}

.yui3-skin-sam .yui3-calendarnav-nextmonth:hover,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-prevmonth:hover,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-prevmonth:hover {
  border-left-color: #0066CC;
}

.yui3-skin-sam .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
.yui3-skin-sam .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover {
  cursor: default;
  border-right-color: #CCCCCC;
  border-left-color: transparent;
}

.yui3-skin-sam .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled,
.yui3-skin-sam .yui3-calendarnav-nextmonth.yui3-calendarnav-month-disabled:hover,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled,
[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-prevmonth.yui3-calendarnav-month-disabled:hover {
  cursor: default;
  border-left-color: #CCCCCC;
  border-right-color: transparent;
}

.yui3-skin-sam .yui3-calendarnav-prevmonth {
  border-right-color: #000000;
  left: 0;
  margin-left: -10px;
}

.yui3-skin-sam .yui3-calendarnav-nextmonth {
  border-left-color: #000000;
  right: 0;
  margin-right: -10px;
}

[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-prevmonth,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-prevmonth {
  left: auto;
  right: 0;
  border-left-color: #000000;
  border-right-color: transparent;
}

[dir="rtl"] .yui3-skin-sam .yui3-calendarnav-nextmonth,
.yui3-skin-sam [dir="rtl"] .yui3-calendarnav-nextmonth {
  left: 0;
  right: auto;
  border-right-color: #000000;
  border-left-color: transparent;
}