@charset "utf-8";
/* control panel button styles */

a.button, input.button, button.button {
 text-transform: capitalize;
 color: #333 !important;
 text-decoration: none !important;
 padding: 5px 10px;
 border: 1px solid #dedede;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 -moz-box-shadow: inset 10px 10px #f0f0f0;
 -webkit-box-shadow: inset -5px -3px 5px #f0f0f0;
 box-shadow: inset -4px -4px 3px 0 #f0f0f0;
 font: bold 13px Arial, Helvetica, sans-serif !important;
 white-space: nowrap;
 text-shadow: none;
 -moz-text-shadow: none;
 -webkit-text-shadow: none;
}
a.button:hover, input.button:hover, button.button:hover {
 cursor: pointer;
 color: #000 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #ccc;
 -webkit-box-shadow: inset -4px -4px 3px 0 #ccc;
 box-shadow: inset -4px -4px 3px 0 #ccc;
}
input.button {
 margin: 0;
}
/* DISABLED */
a.disabled, input.disabled, button.disabled {
 background: #F6F6F6;
 color: #A9A9A9 !important;
}
a.disabled:hover, input.disabled:hover, button.disabled:hover {
 background: #F6F6F6;
 color: #A9A9A9 !important;
 cursor: default !important;
 -moz-box-shadow: inset 10px 10px #f0f0f0;
 -webkit-box-shadow: inset -5px -3px 5px #f0f0f0;
 box-shadow: inset -4px -4px 3px 0 #f0f0f0;
}
/* DEFAULT */
a.default, input.default, button.default {
 background: #fff;
}
a.default:hover, input.default:hover, button.default:hover {
 background: #fafafa;
}
/* CANCEL */
a.cancel, input.cancel, button.cancel {
 background: #dedede;
 -moz-box-shadow: inset -4px -4px 3px 0 #ccc;
 -webkit-box-shadow: inset -4px -4px 3px 0 #ccc;
 box-shadow: inset -4px -4px 3px 0 #ccc;
}
a.cancel:hover, input.cancel:hover, button.cancel:hover {
 background: #ccc;
 -moz-box-shadow: inset -4px -4px 3px 0  #bababa;
 -webkit-box-shadow: inset -4px -4px 3px 0 #bababa;
 box-shadow: inset -4px -4px 3px 0  #bababa;
}
/* ADD */
a.add, input.add, button.add {
 background: #fff url(/images/pc/button_icon_sprite.png) no-repeat 4px -63px;
 padding-left: 23px; 
}
a.add:hover, input.add:hover, button.add:hover {
 background: #fafafa url(/images/pc/button_icon_sprite.png) no-repeat 4px -63px;
 padding-left: 23px; 
}
/* SAVE */
a.save, input.save, button.save {
  background: #b8db94;
 -moz-box-shadow: inset -4px -4px 3px 0  #99cc66;
 -webkit-box-shadow: inset -4px -4px 3px 0 #99cc66;
 box-shadow: inset -4px -4px 3px 0  #99cc66;
}
a.save:hover, input.save:hover, button.save:hover {
  background: #99cc66;
 -moz-box-shadow: inset -4px -4px 3px 0  #669933;
 -webkit-box-shadow: inset -4px -4px 3px 0 #669933;
 box-shadow: inset -4px -4px 3px 0  #669933;
}
/* DELETE */
a.delete, input.delete, button.delete {
 background: #fff url(/images/pc/button_icon_sprite.png) no-repeat 4px -16px;
 padding-left: 23px; 
 border: 1px solid #663333;
 color: #993333 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #ccc;
 -webkit-box-shadow: inset -4px -4px 3px 0 #ccc;
 box-shadow: inset -4px -4px 3px 0 #ccc;
}
a.delete:hover, input.delete:hover, button.delete:hover {
 background: #663333 url(/images/pc/button_icon_sprite.png) no-repeat 4px -16px;
 padding-left: 23px; 
 border: 1px solid #990000;
 color: #fff !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #330000;
 -webkit-box-shadow: inset -4px -4px 3px 0 #330000;
 box-shadow: inset -4px -4px 3px 0 #330000;
}
/* ACTION */
a.action, input.action, button.action {
 background: #FF9900;
 color: #fff !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #D98200;
 -webkit-box-shadow: inset -4px -4px 3px 0 #D98200;
 box-shadow: inset -4px -4px 3px 0 #D98200;
}
a.action:hover, input.action:hover, button.action:hover {
 background: #cc6600;
 color: #fff !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #cc6600;
 -webkit-box-shadow: inset -4px -4px 3px 0 #cc6600;
 box-shadow: inset -4px -4px 3px 0 #cc6600;
}
/* SUB-ACTION */
a.sub-action, input.sub-action, button.sub-action {
 background: rgb(255,255,255);
 background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(152,190,222,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(152,190,222,1)));
 background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(152,190,222,1) 100%);
 background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(152,190,222,1) 100%);
 background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(152,190,222,1) 100%);
 background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(152,190,222,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#98bede',GradientType=0 );
 color: #333 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #98bede;
 -webkit-box-shadow: inset -4px -4px 3px 0 #98bede;
 box-shadow: inset -4px -4px 3px 0 #98bede;
}
a.sub-action:hover, input.sub-action:hover, button.sub-action:hover {
 background: rgb(255,255,255);
 background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(199,210,219,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(199,210,219,1)));
 background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,210,219,1) 100%);
 background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,210,219,1) 100%);
 background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,210,219,1) 100%);
 background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(199,210,219,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7d2db',GradientType=0 );
 color: #666666 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #ccd1d6;
 -webkit-box-shadow: inset -4px -4px 3px 0 #ccd1d6;
 box-shadow: inset -4px -4px 3px 0 #ccd1d6;
}
/* HELP */
a.help_icon, input.help_icon, button.help_icon {
 background: #68b0d9;
 color: #fff !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #2b81b0;
 -webkit-box-shadow: inset -4px -4px 3px 0 #2b81b0;
 box-shadow: inset -4px -4px 3px 0 #2b81b0;
}
a.help_icon:hover, input.help_icon:hover, button.help_icon:hover {
 background: #54a3d0;
 color: #fff !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #1f5c7d;
 -webkit-box-shadow: inset -4px -4px 3px 0 #1f5c7d;
 box-shadow: inset -4px -4px 3px 0 #1f5c7d;
}