/*common*/
/* [START] button styling  */
.highlightLinkColor {  /*  accommodates a constant highlight color */
	color:#fff;
}
a.button {
	background: url("../images/fBtnLeftEnd.png") no-repeat scroll 0 7px transparent;
	color: #FFFFFF;
	float: left;
	margin-right: 5px;
	padding-left: 1px;
	padding-right: 5px;
	text-decoration: none;
}
a .genBtn {
	text-decoration: none;
}

a:hover.button, a:visited.button, a:active.button, a:link.button, a:focus.button, a:hover.button .highlightLinkColor {
	color:#00b1e9;  /* dark blue */
	text-decoration:none;
}
.button a:hover {
	color:#00b1e9;
}
.button a:focus {
	outline:none;
}
.inlineButton {
	padding-left: 10px;
	position: relative;
	top: -6px;
}
.genBtn {
	background: url("../images/fBtnBg.png") repeat-x scroll left top transparent;
	border: medium none;
	display: block;
	float: left;
	/*font-size: .975em; /* original sizing before we Cufon-ized stuff */
	font-size:.85em;  /* this sizing works best for button text that has been Cufon-ized  */
	font-weight: 900;
	height: 20px;
	margin: 7px 0 0 9px;
	padding: 3px 0 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.4em;
        cursor: pointer;
}
a:hover.button, a:hover.button .highlightLinkColor {
	color:#9ed6e8;
}
.gotham-bold-dynamic {
/*	line-height: 1.1em;*/
padding-bottom: 3px;
}
.actionContainer {
	background: url("../images/fBtnRtEnd.png") no-repeat scroll right 7px transparent;
	display: block;
	float: left;
	margin-top: 5px;
	position: relative;
}

span.btnLeftEnd {
	/*background: url("../images/fBtnLeftEnd.png") no-repeat scroll left top transparent;*/
	clear: both;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	top: 7px;
	width: 5px;
}


.otherContent {
	float: left;
	clear: both;
	padding-left: 5px;
width: 252px;
}

/* [START] containers to separate the content for this example only (add and customize a new container as needed, naming the new class according to size) */

.buttonAdjust120 {
	height: 22px;
	margin: 0 auto;
	width: 120px;
	padding-bottom: 10px;
}
.buttonAdjust170 {
	height: 22px;
	margin: 0 auto;
	width: 170px;
	padding-bottom: 10px;
}
.buttonAdjust230 {
	height: 22px;
	margin: 0 auto;
	width: 230px;
	padding-bottom: 10px;
}
.buttonAdjust240 {
	height: 22px;
	margin: 0 auto;
	width: 240px;
	padding-bottom: 10px;
}

/* [END] containers to separate the content for this example only (add and customize a new container as needed, naming the new class according to size) */