/*
 * Phoenix Buttons CSS
 * @author Keegan Watkins
 *
 * Styles for the gel buttons
 * 
 * The <span> and <a> elements should have a display of "inline-block". Using 
 * "block" requires floating elements to keep them from spanning the full width
 * of the parent. <a> elements SHOULD be inline, and using floats requires
 * clearing in some cases. Height and line-height should be the same to keep
 * the text vertically centered and eliminate the need for top/bottom padding
 * 
 * Left padding on the <a> elements allows room for the left edge of the
 * button. Use left/right margin to allow breathing room, noting that the right
 * margin should be offset to account for the nested <span>'s right padding and
 * negative right margin
 * 
 * The nested <span> element should have right padding to allow room for the
 * right edge of the button. Negative right margin pushes the <span>'s back-
 * ground outside of the containing <a> element's right edge.
 * 
 * Color/sprite specifics should be handled through the use of differentiating
 * classes.
 */

/* All buttons and text */
.pnx-btn-lg, .pnx-btn-lg .pnx-btn-txt, .pnx-btn-sm, .pnx-btn-sm .pnx-btn-txt {
	display:inline-block;
	_position:relative; /* ie6 */
	background:transparent url(/images/pnx/buttons/pnx.buttons.flat.png) no-repeat;
	font-weight:bold;
	cursor:pointer;
	color:#fff !important;
	text-decoration:none;
	margin:0px 15px 0px 0px;
	white-space: nowrap;
}

/* All large buttons */
.pnx-btn-lg { padding-left:11px; }
.pnx-btn-lg .pnx-btn-txt { padding-right:11px; margin-right:-15px; }
.pnx-btn-lg, .pnx-btn-lg .pnx-btn-txt { line-height:27px; }

/* Specific large button positions */
.pnx-btn-lg-primary {background-position:0 0px;}
.pnx-btn-lg-primary .pnx-btn-txt {background-position:100% 0px;}
.pnx-btn-lg-secondary {background-position:0 -27px;}
.pnx-btn-lg-secondary .pnx-btn-txt {background-position:100% -27px;}
.pnx-btn-lg-quote {background-position:0 -54px;}
.pnx-btn-lg-quote .pnx-btn-txt {background-position:100% -54px;}
.pnx-btn-lg-transactional {background-position:0 -81px;}
.pnx-btn-lg-transactional .pnx-btn-txt {background-position:100% -81px;}

/* All small buttons */
.pnx-btn-sm { padding-left:11px; line-height:17px; font-size:11px; }
.pnx-btn-sm .pnx-btn-txt {
	padding-right:12px;
	margin-right:-12px;
	padding-top:1px;
	line-height:16px;
	*padding-top:0; /* ie6-7 */
	*line-height:17px; /* ie6-7 */
}

/* Specific small button positions */
.pnx-btn-sm-primary {background-position:0 -108px;}
.pnx-btn-sm-primary .pnx-btn-txt {background-position:100% -108px;}
.pnx-btn-sm-secondary {background-position:0 -125px;}
.pnx-btn-sm-secondary .pnx-btn-txt {background-position:100% -125px;}
.pnx-btn-sm-quote {background-position:0 -142px;}
.pnx-btn-sm-quote .pnx-btn-txt {background-position:100% -142px;}
.pnx-btn-sm-transactional {background-position:0 -159px;}
.pnx-btn-sm-transactional .pnx-btn-txt {background-position:100% -159px;}

/* Navigational buttons (override left/right padding to account for icon) */
.pnx-btn-sm-nav-back {background-position:0 -176px;padding-left:20px;}
.pnx-btn-sm-nav-back .pnx-btn-txt {background-position:100% -176px;}
.pnx-btn-sm-nav-next {background-position:0 -193px;}
.pnx-btn-sm-nav-next .pnx-btn-txt {background-position:100% -193px;padding-right:20px;}