@charset "utf-8";
/* CSS Document */
/*basic button style*/
.ssBut {display:-moz-inline-box; display:inline-block; height:23px; padding:0 5px; background-color:#EEE; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:.833em; font-weight:normal; line-height:23px; text-decoration:none; white-space:nowrap; border:1px solid #CCC; outline:none; background-image:url(../images/ss_but_bg.gif); background-position:left top; background-repeat:repeat-x; cursor:pointer}

/*hide all drop shadows by default*/
.ds {visibility:hidden;}

/*the tip wrapper*/
.tip {visibility:hidden; position:absolute; padding:5px; white-space:nowrap; background-color:#000; color:#FFF; border:1px solid #FFF; font-family:Verdana, Geneva, sans-serif; font-size:10px; opacity:0.7; /*can't use IE opacity - breaks*/ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

/*tip arrow indicator*/
.tip b {display:-moz-inline-box; display:inline-block; position:absolute; bottom:-8px; left:50%; width:16px; height:8px; z-index:2}
.tip i {display:-moz-inline-box; display:inline-block; width:16px; height:8px; position:absolute; left:-50%; background-image:url(../images/ss_tip_arrow.gif); background-repeat:no-repeat}

/*tip shadow*/
.tip .ds {z-index:1}

/*the button content*/
.butInner {position:relative}

/*button wrapper*/
.ssButWrap {display:-moz-inline-box; display:inline-block; position:relative}
.ssButWrap {zoom:1; *display:inline; _height:0}/*for IE6/7*/
.ssButWrap a {text-decoration:none; color:#000}
.ssButWrap a:hover {color:#000}

/*over state mods*/
.ssButWrap.over .ssBut {border:1px solid #999}
.ssButWrap.over .ds {visibility:visible}
.ssButWrap.over .tip {visibility:visible}

/*down state mods*/
.ssButWrap.down .ssBut {border:1px solid #999; background-position:left bottom}
.ssButWrap.down .ds {visibility:visible}
.ssButWrap.down .tip {visibility:visible}
.ssButWrap.down .butInner {left:1px; top:1px}

/*other styles*/

/*large green call to action button*/
.ssBut.bigGreen {font-size:1.33em; height:36px; line-height:36px; padding:0 20px; padding-left:45px; background-color:#CCFF99; background-image:url(../images/cta_but_bg.gif); background-position:left top; background-repeat:no-repeat; border:1px solid #def4d1; color:#09700B}
.ssBut.bigGreen:hover {color:#09700B}
.ssButWrap.over .bigGreen {border:1px solid #99CC33}
.ssButWrap.down .bigGreen {border:1px solid #99CC33}

/*large orange call to action button*/
.ssBut.bigOrange {font-size:1.33em; height:36px; line-height:36px; padding:0 20px; padding-left:45px; background-color:#FF9900; background-image:url(../images/cta_but_bg_orange.gif); background-position:left top; background-repeat:no-repeat; border:1px solid #fff9c6; color:#895815}
.ssButWrap.over .bigOrange {border:1px solid #ef9a25}
.ssButWrap.down .bigOrange{border:1px solid #ef9a25}

/*medium green call to action button*/
.ssBut.medGreen {font-size:1.166em; height:24px; line-height:24px; padding:0 10px; padding-left:30px; background-color:#CCFF99; background-image:url(../images/cta_but_bg_med.gif); background-position:left top; background-repeat:no-repeat; border:1px solid #def4d1; color:#09700B}
.ssBut.medGreen:hover {color:#09700B}
.ssButWrap.over .medGreen {border:1px solid #99CC33}
.ssButWrap.down .medGreen {border:1px solid #99CC33}

/*blue background*/
.ssBut.lightBlue {background-image:url(../images/ss_but_bg_blue.gif)}

/*beige background*/
.ssBut.beige {background-image:url(../images/ss_but_bg_beige.gif)