/* small buttons in list views
----------------------------------------------*/


.panel-action a.btn, a.btn {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:10px; color:#384764; text-decoration:none; line-height:1.1em;}
.btn {display:inline-block; display:-moz-inline-box; height:16px; margin:0; background:url("../images/bg_btn_small_l.png") left top no-repeat;}
.btn span {display:inline-block; display:-moz-inline-box; height:6px; padding:2px 10px 8px 2px; margin:0 0 0 10px; background:url("../images/bg_btn_small_r.png") right top no-repeat; overflow:hidden;}
.btn span:hover {color:#384764;}

a.btn:hover {background-position:left -16px; text-decoration:none; color:#384764;}
a.btn:hover span {background-position:right -16px;}
a.btn:active {background-position:left -32px; text-decoration:none; color:#384764;}
a.btn:active span {background-position:right -32px;}

a.btn:visited {color:#384764;}


/* medium buttons
----------------------------------------------*/
a.btn-medium {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:11px; color:#000; text-decoration:none; font-weight: normal;}
.btn-medium {display:inline-block; display:-moz-inline-box; height:21px; margin:0; background:url("../images/bg_btn_medium_l.png") left top no-repeat;}
.btn-medium span {display:inline-block; display:-moz-inline-box; height:18px; padding: 3px 12px 0 0; margin: 0 0 0 12px; background:url("../images/bg_btn_medium_r.png") right top no-repeat; overflow:hidden;}
.btn-medium span:hover {color:#232C3E;}

a.btn-medium:hover {background-position:left -21px; text-decoration:none; color:#FFF;}
a.btn-medium:hover span {background-position:right -21px;}
a.btn-medium:active {background-position:left -42px; text-decoration:none; color:#FFF;}
a.btn-medium:active span {background-position:right -42px;}

a.btn-medium:visited {color:#000;font-weight: normal;}



/* large buttons
----------------------------------------------*/
a.btn-large {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:12px; color:#888; text-decoration:none; line-height:1.1em;font-weight: bold; margin-top: 5px;}
.btn-large {display:inline-block; display:-moz-inline-box; height:28px; margin:0; background:url("../images/bg_btn_large_l.gif") left top no-repeat;}
.btn-large span {display:inline-block; display:-moz-inline-box; height:13px; padding:6px 20px 9px 5px; margin:0 0 0 13px; background:url("../images/bg_btn_large_r.gif") right top no-repeat; overflow:hidden;}
.btn-large span:hover {color:#778bb2;}

a.btn-large:hover {background-position:left -28px; text-decoration:none; color:#FFF;}
a.btn-large:hover span {background-position:right -28px;}
a.btn-large:active {background-position:left -56px; text-decoration:none; color:#FFF;}
a.btn-large:active span {background-position:right -56px;}

a.btn-large:visited {color:#888;font-weight: bold;}




/* action buttons
----------------------------------------------*/
a.btn-action {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:12px; color:#FFF; text-decoration:none; line-height:1.1em;font-weight: bold;}
.btn-action {display:inline-block; display:-moz-inline-box; height:28px; margin:0; background:url("../images/bg_btn_action_l.gif") left top no-repeat;}
.btn-action span {display:inline-block; display:-moz-inline-box; height:13px; padding:6px 20px 9px 5px; margin:0 0 0 13px; background:url("../images/bg_btn_action_r.gif") right top no-repeat; overflow:hidden;}
.btn-action span:hover {color:#FFF;}

a.btn-action:hover {background-position:left -28px; text-decoration:none; color:#FFF;}
a.btn-action:hover span {background-position:right -28px;}
a.btn-action:active {background-position:left -56px; text-decoration:none; color:#FFF;}
a.btn-action:active span {background-position:right -56px;}

a.btn-action:visited {color:#FFF;font-weight: bold;}


