/* Start custom button CSS here
    ---------------------------------------- */
	.btn {cursor:pointer; display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:bold 100%/1.2 Arial, Sans-serif; text-decoration:none!important; color:#fff!important; text-transform: uppercase; }
		* html button.btn { padding-bottom:1px; }
		html:not([lang*=""]) button.btn { margin:0 -3px; }

	.btn span { background:#45469c url(../images/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #4f52a6; border-right:1px solid #4f52a6; }
	* html .btn span { padding-top:0; }
	.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #4f52a6; border-bottom:1px solid #4f52a6; }
	
	.btnOrange {cursor:pointer; display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:bold 100%/1.2 Arial, Sans-serif; text-decoration:none!important; color:#fff!important; text-transform: uppercase; }
		* html button.btnOrange { padding-bottom:1px; }
		html:not([lang*=""]) button.btnOrange { margin:0 -3px; }
	
	.btnOrange span {text-decoration:none; background:#FFa500 url(../images/bg-button-orange.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #FFb400; border-right:1px solid #FFb400; }
	* html .btnOrange span { padding-top:0; }
	.btnOrange span span { position:relative;color:White; font-weight:bolder; padding:3px .4em; border-width:0; border-top:1px solid #FFb400; border-bottom:1px solid #FFb400; }

.btnRed {cursor:pointer; display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:bold 100%/1.2 Arial, Sans-serif; text-decoration:none!important; color:#fff!important; text-transform: uppercase; }
		* html button.btnRed { padding-bottom:1px; }
		html:not([lang*=""]) button.btnRed { margin:0 -3px; }
	
	.btnRed span {text-decoration:none; background:#FFa500 url(../images/bg-button-red.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #FFb400; border-right:1px solid #FFb400; }
	* html .btnRed span { padding-top:0; }
	.btnRed span span { position:relative;color:White; font-weight:bolder; padding:3px .4em; border-width:0; border-top:1px solid #FFb400; border-bottom:1px solid #FFb400; }


/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span, a.pill-l span { border-right-width:0; }
	button.pill-l span span, a.pill-l span span { border-right:1px solid #4f52a6; }
	button.pill-c span, a.pill-c span { border-right-style:none; border-left-color:#fff; }
	button.pill-c span span, a.pill-c span span { border-right:1px solid #4f52a6; }
	button.pill-r span, a.pill-r span { border-left-color:#fff; }

/* only needed if implementing separate hover/focus/active state for buttons */
	.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#f68b1f !important; color:#f6f6fa; }
	.btn:active span { background-position:0 -400px; outline:none; }
	.btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for <button>, only <a> */ }

/* use if one button should be the 'primary' button */
    .primary { font-weight:bold; color:#000; }
    .delete { color:#990000!important; }
    .top-right { position:absolute; top:10px; right:10px;}