@charset "utf-8";

a.btn_cmn
{
  border-radius: 4px;
  display:block;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  text-decoration:none;
  text-align:center;
  font-size:16px;
  vertical-align:middle;
  color:white;
}
a.btn_cnm{
  width:100%;
  text-align:center;
  font-size:16px;
  vertical-align:middle;
  color:white;
}

a.btn_pink{
  width:80px;
  height:40px;
  line-height:40px;
  background-color:#f77c7e;
}

a.btn_pink:hover{
  background-color:#f65d5f;
}
a.btn_pink:active{
  background-color:#f77c7e;
}

a.btn_green{
  width:80px;
  height:40px;
  line-height:40px;
  background-color:#8fb027;
}

a.btn_green:hover{
  background-color:#7a9f07;
}
a.btn_green:active{
  background-color:#8fb027;
}

a.btn_gray{
  width:90px;
  height:38px;
  line-height:38px;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
  border-color:#c1c1c1;
  background-color:#f7f7f7;
  background:linear-gradient(top,#ffffff,#f5f5f5);
  background:-ms-linear-gradient(top,#ffffff,#f5f5f5);
  background:-moz-linear-gradient(top,#ffffff,#f5f5f5);
  background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
}

a.btn_gray:active{
  background-color:#d8d7d7;
  background:linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-ms-linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-moz-linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-webkit-gradient(linear, left top, left bottom, from(#e8e6e6), to(#d5d5d5));
}


a.btn_switch_gray_green{
  width:139px;
  height:45px;
  line-height:45px;
  background-color:#d3d2d2;
  background:linear-gradient(top,#d7d7d7,#cdcbcc);
  background:-ms-linear-gradient(top,#d7d7d7,#cdcbcc);
  background:-moz-linear-gradient(top,#d7d7d7,#cdcbcc);
  background:-webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#cdcbcc));
}

a.btn_switch_gray_green.selected{
  background-color:#8fb027;
  background:linear-gradient(top,#8fb027,#83a224);
  background:-ms-linear-gradient(top,#8fb027,#83a224);
  background:-moz-linear-gradient(top,#8fb027,#83a224);
  background:-webkit-gradient(linear, left top, left bottom, from(#8fb027), to(#83a224));
}

a.btn_gray,
a.btn_switch_gray_green{
  color:#666666;
}

a.btn_gray{
  font-size:13px;
}
a.btn_switch_gray_green.selected{
  color:white;
}

a.btn_red{
  border-radius:2px;
  width:72px;
  height:26px;
  line-height:26px;
  background-color:#fa4837;
}

a.btn_red:active{
  background-color:#e12a19;
}

a.btn_red{
  font-size:13px;
}

div.btn_icon_text{
  display:inline-block;
  height:32px;
  line-height:32px;
  padding:0 10px;
  border-radius: 4px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  text-decoration:none;
  font-size:16px;
  vertical-align:middle;
  color:white;
}

/*
div.btn_icon div.icon{
  width:26px;
  height:100%;
}*/

div.btn_icon_text_gray{
  color:#888888;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
  border-color:#c1c1c1;
  background-color:#f7f7f7;
  background:linear-gradient(top,#ffffff,#f5f5f5);
  background:-ms-linear-gradient(top,#ffffff,#f5f5f5);
  background:-moz-linear-gradient(top,#ffffff,#f5f5f5);
  background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
}

div.btn_icon_text_gray:hover{
  background-color:#d8d7d7;
  background:linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-ms-linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-moz-linear-gradient(top,#e8e6e6,#d5d5d5);
  background:-webkit-gradient(linear, left top, left bottom, from(#e8e6e6), to(#d5d5d5));
}

div.btn_icon_text_step p,
div.btn_icon_text_big p,
div.btn_icon_text p{
  display:inline-block;
  vertical-align:middle;
}
div.btn_icon_text_gray p.icon{
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
}
p.icon_home{
  background-image:url(/legend/resources/images/common/ico_home.png);
}
p.icon_person{
  background-image:url(/legend/resources/images/common/ico_person.png);
}
p.icon_plus{
  background-image:url(/legend/resources/images/common/ico_plus.png);
}

div.page_control_cmn{
  position:absolute;
  height:32px;
  width:100%
}

div.page_control_cmn a.btn_cmn{
  margin-right:10px
}

a.btn_icon_arrow{
  width:32px;
  height:32px;
  border-width:1px;
  border-style:solid;
  border-color:#cdcdcd;
  background-color:#fbfbfb;
  background-size:64px 32px;
  float:left;
}

a.btn_icon_arrow:active{
  background-color:#dddddd;
  border-color:#dddddd;
  background-position:-32px 0px;
}

a.btn_icon_arrow_right{
  background-image:url(/legend/resources/images/common/ico_arrow_right.png);
}
a.btn_icon_arrow_left{
  background-image:url(/legend/resources/images/common/ico_arrow_left.png);
}



a.btn_page{
  width:24px;
  height:32px;
  line-height:32px;
  border-width:1px;
  border-style:solid;
  border-color:#cdcdcd;
  background-color:#fbfbfb;
  float:left;
}

a.btn_page{
  color:#666666
}

a.btn_page.selected,
a.btn_page:active
{
  border-color:#9fc527;
  background-color:#9fc527;
  color:white;
}


div.btn_icon_text_big{
  display:inline-block;
  height:45px;
  line-height:45px;
  font-size: 18px;
  border-radius: 4px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  text-decoration:none;
  vertical-align:middle;
  padding-left:12px;
  padding-right:12px;
  padding-top:2px;
  background-repeat:no-repeat;
  color:white;
}

div.btn_icon_text_big p.icon_cmn{
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  margin-right:4px;
}

div.btn_add_blue{
  background-color:#46bee8;
  background:linear-gradient(top,#4bc8f4,#42b5de);
  background:-ms-linear-gradient(top,#4bc8f4,#42b5de);
  background:-moz-linear-gradient(top,#4bc8f4,#42b5de);
  background:-webkit-gradient(linear, left top, left bottom, from(#4bc8f4), to(#42b5de));
}

div.btn_add_orange{
  background-color:#f79b36;
  background:linear-gradient(top,#fea23f,#f1942e);
  background:-ms-linear-gradient(top,#fea23f,#f1942e);
  background:-moz-linear-gradient(top,#fea23f,#f1942e);
  background:-webkit-gradient(linear, left top, left bottom, from(#fea23f), to(#f1942e));
}


div.btn_add_green{
  background-color:#8fb027;
}

div.btn_icon_text_step{
  display:inline-block;
  height:88px;
  width:328px;
  line-height:88px;
  font-size: 22px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  background-repeat:no-repeat;
  background-size:984px 88px;
  color:white;
  /*extra ie7*/
  position:relative;
}


div.btn_icon_text_step.step_1{
  background-image:url(/legend/resources/images/common/bg_btn_step_1.png);
}

div.btn_icon_text_step.step_2{
  background-image:url(/legend/resources/images/common/bg_btn_step_2.png);
}

div.btn_icon_text_step.step_3{
  background-image:url(/legend/resources/images/common/bg_btn_step_3.png);
  background-size:960px 88px;
  width:320px;
}
div.btn_icon_text_step.step_1:hover,
div.btn_icon_text_step.step_2:hover{
  background-position:-328px 0px;
}
div.btn_icon_text_step.step_3:hover{
  background-position:-320px 0px;
}

div.btn_icon_text_step.step_1.selected,
div.btn_icon_text_step.step_2.selected{
  background-position:-656px 0px;
}
div.btn_icon_text_step.step_3.selected{
  background-position:-640px 0px;
}

div.btn_icon_text_step p.icon_cmn{
  width:60px;
  height:60px;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  margin-right:4px;
  margin-left:60px;
  margin-right:10px;
  /*extra ie7*/
  position: absolute;
  top:14px;
}

/*extra ie7*/
div.btn_icon_text_step p.text_cmn {
    position:absolute;
    left:130px;
}

p.icon_step_1{
  background-image:url(/legend/resources/images/common/ico_step_1.png);
}

p.icon_step_2{
  background-image:url(/legend/resources/images/common/ico_step_2.png);
}

p.icon_step_3{
  background-image:url(/legend/resources/images/common/ico_step_3.png);
}

div.icon_people,
div.icon_beauty,
div.icon_additional,
div.icon_repair,
div.icon_maintain{
  display:inline-block;
  width:80px;
  height:80px;
}
div.icon_maintain{
  background-image:url(/legend/resources/images/common/ico_maintain.png);
}
div.icon_repair{
  background-image:url(/legend/resources/images/common/ico_repair.png);
}
div.icon_additional{
  background-image:url(/legend/resources/images/common/ico_additional.png);
}
div.icon_beauty{
  background-image:url(/legend/resources/images/common/ico_beauty.png);
}
div.icon_people{
  background-image:url(/legend/resources/images/common/ico_people.png);
}