/*
.button{
      position: relative;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      color:#666;
      display: inline-block;
      border-radius: 4px;
      overflow:hidden;
      cursor:pointer;
      padding:6px 10px;
      font-size:13px;
      line-height: 13px;
      height: 28px;
      text-align: center;
      background: #fcfbf7;
      background: -moz-linear-gradient(top,  #fcfbf7 0%, #edece8 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf7), color-stop(100%,#edece8));
      background: -webkit-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: -o-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: -ms-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: linear-gradient(to bottom,  #fcfbf7 0%,#edece8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf7', endColorstr='#edece8',GradientType=0 );
      border:1px solid #a4a4a4;
      background-clip: padding-box;
      text-shadow: 0 1px 0 #FFF;
      font-family: 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
      box-shadow: 0px 1px 0px #a4a4a4, 0px 2px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.4), inset 0px 0px 2px rgba(255,255,255,0.6);
}
.button:hover{
      color:#666;
      background: #fcfbf9;
      background: -moz-linear-gradient(top,  #fcfbf9 0%, #f2f1ed 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf9), color-stop(100%,#f2f1ed));
      background: -webkit-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
      background: -o-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
      background: -ms-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
      background: linear-gradient(to bottom,  #fcfbf9 0%,#f2f1ed 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf9', endColorstr='#f2f1ed',GradientType=0 );
}

button.sending{
      opacity: .5;
}

a.button{
      text-decoration: none;
      line-height: 16px;
      padding-top: 5px;
}

.button-blue{
      color: white;
      background: #4abae0;
      background: -moz-linear-gradient(top,  #4abae0 0%, #3d99b8 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abae0), color-stop(100%,#3d99b8));
      background: -webkit-linear-gradient(top,  #4abae0 0%,#3d99b8 100%);
      background: -o-linear-gradient(top,  #4abae0 0%,#3d99b8 100%);
      background: -ms-linear-gradient(top,  #4abae0 0%,#3d99b8 100%);
      background: linear-gradient(to bottom,  #4abae0 0%,#3d99b8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abae0', endColorstr='#3d99b8',GradientType=0 );
      border: 1px solid #184d5f;
      border-color: #20559a;
      box-shadow: 0px 1px 0px #20559a, 0px 3px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 0px 2px rgba(255,255,255,0.3);
      text-shadow: -1px -1px 0 #2C6E82;
}
.button-blue:hover{
      text-decoration: none;
      color: white;
      background: #4fc8f0;
      background: -moz-linear-gradient(top,  #4fc8f0 0%, #42a6c7 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fc8f0), color-stop(100%,#42a6c7));
      background: -webkit-linear-gradient(top,  #4fc8f0 0%,#42a6c7 100%);
      background: -o-linear-gradient(top,  #4fc8f0 0%,#42a6c7 100%);
      background: -ms-linear-gradient(top,  #4fc8f0 0%,#42a6c7 100%);
      background: linear-gradient(to bottom,  #4fc8f0 0%,#42a6c7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fc8f0', endColorstr='#42a6c7',GradientType=0 );
      text-shadow: -1px -1px 0 #2C6E82;
}
.button-green{
      background: #79d179;
      background: -moz-linear-gradient(top,  #79d179 0%, #5ab55a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d179), color-stop(100%,#5ab55a));
      background: -webkit-linear-gradient(top,  #79d179 0%,#5ab55a 100%);
      background: -o-linear-gradient(top,  #79d179 0%,#5ab55a 100%);
      background: -ms-linear-gradient(top,  #79d179 0%,#5ab55a 100%);
      background: linear-gradient(to bottom,  #79d179 0%,#5ab55a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d179', endColorstr='#5ab55a',GradientType=0 );
      text-shadow: -1px -1px 0 #448944;
      border: 1px solid #455c11;
      border-color:  #3F7F3F;
      color:white;
      box-shadow: 0px 1px 0px #3F7F3F, 0px 3px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 0px 2px rgba(255,255,255,0.3);
}
.button-green:hover{
      color:white;
      background: #7dd87d;
      background: -moz-linear-gradient(top,  #7dd87d 0%, #5fbf5f 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dd87d), color-stop(100%,#5fbf5f));
      background: -webkit-linear-gradient(top,  #7dd87d 0%,#5fbf5f 100%);
      background: -o-linear-gradient(top,  #7dd87d 0%,#5fbf5f 100%);
      background: -ms-linear-gradient(top,  #7dd87d 0%,#5fbf5f 100%);
      background: linear-gradient(to bottom,  #7dd87d 0%,#5fbf5f 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd87d', endColorstr='#5fbf5f',GradientType=0 );
      text-shadow: -1px -1px 0 #448944;
}
.button-black{
      background: #6b6b6b;
      background: -moz-linear-gradient(top,  #6b6b6b 0%, #4c4c4c 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#4c4c4c));
      background: -webkit-linear-gradient(top,  #6b6b6b 0%,#4c4c4c 100%);
      background: -o-linear-gradient(top,  #6b6b6b 0%,#4c4c4c 100%);
      background: -ms-linear-gradient(top,  #6b6b6b 0%,#4c4c4c 100%);
      background: linear-gradient(to bottom,  #6b6b6b 0%,#4c4c4c 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#4c4c4c',GradientType=0 );

      text-shadow: 0 -1px 0 rgba(0,0,0,1.0);
      border: 1px solid #232323;
      color:white;
      box-shadow: 0px 1px 0px #000, 0px 3px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.05), inset 0px 0px 2px rgba(255,255,255,0.2);
}
.button-black:hover{
      color:white;
      background: #595959;
      background: -moz-linear-gradient(top,  #595959 0%, #3f3f3f 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#3f3f3f));
      background: -webkit-linear-gradient(top,  #595959 0%,#3f3f3f 100%);
      background: -o-linear-gradient(top,  #595959 0%,#3f3f3f 100%);
      background: -ms-linear-gradient(top,  #595959 0%,#3f3f3f 100%);
      background: linear-gradient(to bottom,  #595959 0%,#3f3f3f 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#3f3f3f',GradientType=0 );
}
.button-red,
.button-red:hover{
      text-decoration: none;
      color: white;
      background: #e54258;
      background: -moz-linear-gradient(top,  #e54258 0%, #c33640 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e54258), color-stop(100%,#c33640));
      background: -webkit-linear-gradient(top,  #e54258 0%,#c33640 100%);
      background: -o-linear-gradient(top,  #e54258 0%,#c33640 100%);
      background: -ms-linear-gradient(top,  #e54258 0%,#c33640 100%);
      background: linear-gradient(to bottom,  #e54258 0%,#c33640 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e54258', endColorstr='#c33640',GradientType=0 );
      border: 1px solid #982a36;
      text-shadow: 0 -1px 0 #B93136;
      box-shadow: 0px 1px 0px #B93136, 0px 3px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.05), inset 0px 0px 2px rgba(255,255,255,0.4);
}
.button-user-action{
      width: 40px;
      position: relative;
}
.button-user-action > span{
      display: block;
      width: 18px;
      height: 18px;
      background-position: -150px -20px;
      position: absolute;
      left: 50%;
      margin-left: -9px;
      top: 50%;
      margin-top: -8px;
}

button.in-progress,
button.in-progress:hover{
      -webkit-animation: progress-bar-stripes 1s linear infinite;
      -moz-animation: progress-bar-stripes 1s linear infinite;
      -ms-animation: progress-bar-stripes 1s linear infinite;
      -o-animation: progress-bar-stripes 1s linear infinite;
      animation: progress-bar-stripes 1s linear infinite;
      color: #aaa;
      border: 1px solid #b4b4b4;
      text-shadow: none;
      background: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-webkit-linear-gradient(top,#f6f5f0,#e1e0dc);
      background: -moz-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-moz-linear-gradient(top,#f6f5f0,#e1e0dc);
      background: -ms-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-ms-linear-gradient(top,#f6f5f0,#e1e0dc);
      background: -o-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-o-linear-gradient(top,#f6f5f0,#e1e0dc);
      background: linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),linear-gradient(top,#f6f5f0,#e1e0dc);
      background-repeat: repeat;
      -webkit-background-size: 50px 50px;
      -moz-background-size: 50px 50px;
      -ms-background-size: 50px 50px;
      -o-background-size: 50px 50px;
      background-size: 50px 50px;
      box-shadow: 0px 1px 0px #b4b4b4, 0px 3px 5px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 0px 2px rgba(255,255,255,0.3) !important;
}
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}
@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}


.button.disabled{
      color:#999;
      background: #fcfbf7;
      background: -moz-linear-gradient(top,  #fcfbf7 0%, #edece8 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf7), color-stop(100%,#edece8));
      background: -webkit-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: -o-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: -ms-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
      background: linear-gradient(to bottom,  #fcfbf7 0%,#edece8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf7', endColorstr='#edece8',GradientType=0 );
      border:1px solid #b4b4b4;
      background-clip: padding-box;
      text-shadow: 0 1px 0 #FFF;
      box-shadow: 0px 0px 0px #b4b4b4, 0px 2px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.4), inset 0px 0px 2px rgba(255,255,255,0.6);
}
.button.disabled:hover{
      color:#999;
}
*/


.button{
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color:#666;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: normal;
	height: 28px;
	line-height: 14px;
	text-align: center;
	font-family: 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	background-clip: padding-box;
	border: 0;
	cursor: pointer;
	border-radius: 4px;
	background: #fcfbf7;
	background: -moz-linear-gradient(top,  #fcfbf7 0%, #edece8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf7), color-stop(100%,#edece8));
	background: -webkit-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
	background: -o-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
	background: -ms-linear-gradient(top,  #fcfbf7 0%,#edece8 100%);
	background: linear-gradient(to bottom,  #fcfbf7 0%,#edece8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf7', endColorstr='#edece8',GradientType=0 );
	border:1px solid #a4a4a4;
	text-shadow: 0 1px 0 #FFF;
	box-shadow: 0px 1px 0px #a4a4a4, 0px 2px 6px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.4), inset 0px 0px 2px rgba(255,255,255,0.6);
}

.button:hover{
	color:#666;
	background: #fcfbf9;
	background: -moz-linear-gradient(top,  #fcfbf9 0%, #f2f1ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf9), color-stop(100%,#f2f1ed));
	background: -webkit-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
	background: -o-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
	background: -ms-linear-gradient(top,  #fcfbf9 0%,#f2f1ed 100%);
	background: linear-gradient(to bottom,  #fcfbf9 0%,#f2f1ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf9', endColorstr='#f2f1ed',GradientType=0 );
}
.button-plain{
	color: #333;
	font-weight: bold;
}
.button-blue{
	color: white;
	text-shadow: 0 1px 2px #1493d9;
	box-shadow: 0px 1px 0px #0e70a5, inset 0 -1px #0e70a5, 0px 2px 6px rgba(0,0,0,0.1);
	border: 1px solid #0e70a5;
	background: #22a7f0;
}
.button-blue:hover{
	color: white;
	background: #5bb5f1;
	border: 1px solid #318fcd;
	box-shadow: 0px 1px 0px #318fcd, inset 0 -1px #318fcd, 0px 2px 6px rgba(0,0,0,0.1);
}
.button-red{
	color: white;
	text-shadow: 0 1px 2px #9f000c;
	background: #ea2736;
	box-shadow: 0px 1px 0px #9e0914, inset 0 -1px #9e0914, 0px 2px 6px rgba(0,0,0,0.1);
	border: 1px solid #9e0914;
}
.button-red:hover{
	color: white;
	background: #ea2736;
	box-shadow: 0px 1px 0px #9e0914, inset 0 -1px #9e0914, 0px 2px 6px rgba(0,0,0,0.1);
	border: 1px solid #9e0914;
}
button.in-progress,
button.in-progress:hover{
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-moz-animation: progress-bar-stripes 1s linear infinite;
	-ms-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
	color: #888;
	border: 1px solid #b4b4b4;
	text-shadow: none;
	background: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-webkit-linear-gradient(top,#f6f5f0,#e1e0dc);
	background: -moz-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-moz-linear-gradient(top,#f6f5f0,#e1e0dc);
	background: -ms-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-ms-linear-gradient(top,#f6f5f0,#e1e0dc);
	background: -o-linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),-o-linear-gradient(top,#f6f5f0,#e1e0dc);
	background: linear-gradient(-45deg,rgba(255,255,255,0.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 75%,transparent 75%,transparent),linear-gradient(top,#f6f5f0,#e1e0dc);
	background-repeat: repeat;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-ms-background-size: 50px 50px;
	-o-background-size: 50px 50px;
	background-size: 50px 50px;
	box-shadow: 0px 1px 0px #b4b4b4;
}
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}
@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:50px 0}}

.button:active {
	top: 2px;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button.friendship{
	padding: 8px 12px;
    height: 32px;
	font-weight: bold;
	line-height: 12px;
}
.dropdown{
	width: 22px;
	height: 8px;
}
.dropdown-button{
	color: #ccd6dd;
	display: inline-block;
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
	opacity: .3;
	width: 100%;
	height: 100%;
}
.dropdown-button.selected,
.dropdown-button:hover{
	opacity: 1;
}
.dropdown-button > i{
	display: inline-block;
	width: 22px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-position: 0 -42px;
}
.dropdown-menu-wrapper{
	position: absolute;
	top: 15px;
	right: -20px;
	width: 200px;
	display: none;
}
.dropdown.open > .dropdown-menu-wrapper{
	display: block;
}
.dropdown-menu{
	margin-top: 14px;
	background-color: rgba(255, 255, 255, 0.96);
	border: 1px solid #CCC;
	border-radius: 4px;
	width: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.dropdown-menu > li{
	display: block;
	width: 100%;
}
.dropdown-menu > li:first-child{
	margin-top: 8px;
}
.dropdown-menu > li:last-child{
	margin-bottom: 8px;
}
.dropdown-menu > li.sep{
	height: 1px;
	margin: 5px 0 10px 0;
	box-sizing: border-box;
}
.dropdown-menu > li.sep > span{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	height: 1px;
	border-bottom: 1px solid #DDD;
}
.dropdown-menu-item-link{
	display: inline-block;
	padding: 6px 14px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
.dropdown-menu-item-link:hover{
	background-color: #2574a9;
	color: white;
	text-decoration: none;
}

a.button{
	display: inline-block;
	text-decoration: none;
	padding-top: 5px;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    height: 34px;
    line-height: 20px;
}
a:hover.button{
	text-decoration: none;
}