/***********************************************************
components.buttons.css
**********************************************************/
/* .btn */
#container .btn, #container .btn *,
#lightbox .btn, #lightbox  .btn * {
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	font-style: normal;
	text-align: center;
	text-decoration: none;
}
#container a:hover.btn,
#lightbox  a:hover.btn { text-decoration: none; }

#container .btn,
#lightbox  .btn {
	float: left;
	padding-left: 0.4em;
	background-position: 0 0;
}
	#container .btn span,
	#lightbox .btn span {
		padding: 0.3em 0 0;
		background-position: 100% 0;
		text-decoration: none !important;
	}
	#container .btn em,
	#lightbox .btn em {
		margin-left: -0.4em;
		padding-left: 0.5em;
		background-position: 0 100%;
	}
	#container .btn strong,
	#lightbox .btn strong {
		padding: 0 0.5em 0.3em 0;
		background-position: 100% 100%;
	}
	#container .btn img,
	#lightbox .btn img {
		display: inline;
	}
	
/* .btnGray */
#container .btnGray, #container .btnGray *,
#lightbox .btnGray, #lightbox .btnGray * { 
	background-image: url(/images/btn/btn_gray.gif); 
	color: #006699;
}
#container .btnGray:hover, #container a:hover.btnGray *,
#lightbox .btnGray:hover, #lightbox a:hover.btnGray * { 
	background-image: url(/images/btn/btn_gray_over.gif); 
	color: #133471;
}

/* .light */
#container .btnGray, #container .btnGray.light,
#lightbox .btnGray, #lightbox .btnGray.light,
#container .btnGray, #container .btnGray.light *,
#lightbox .btnGray, #lightbox .btnGray.light * { 
	color: #666; 
	font-weight: normal;
}
#container .btnGray, #container a:hover.btnGray.light,
#lightbox .btnGray, #lightbox a:hover.btnGray.light,
#container .btnGray, #container a:hover.btnGray.light,
#lightbox .btnGray, #lightbox a:hover.btnGray.light * { color: #133471; }

/* .btnGreen */ 
#container .btnGreen, #container .btnGreen *,
#lightbox .btnGreen, #lightbox .btnGreen * { 
	background-image: url(/images/btn/btn_green.gif);  
	color: #fff;
} 
#container a:hover.btnGreen, #container a:hover.btnGreen *,
#lightbox a:hover.btnGreen, #lightbox a:hover.btnGreen * { 
	background-image: url(/images/btn/btn_green_over.gif); 
	color: #c1e6b5;
}
#container .btnGreen.small,
#lightbox .btnGreen.small {
	font-size: 1em !important;
}

/* .btnWhite */
#container .btnWhite, #container .btnWhite *,
#lightbox .btnWhite, #lightbox .btnWhite * { 
	background-image: url(/images/btn/btn_white.gif);  
	color: #666;
	font-weight: normal;
}
#container a:hover.btnWhite, #container a:hover.btnWhite *,
#lightbox a:hover.btnWhite, #lightbox a:hover.btnWhite * { color: #333; }

/* .btnWhiteAlt */
#container .btnWhiteAlt, #container .btnWhiteAlt *,
#lightbox .btnWhiteAlt, #lightbox .btnWhiteAlt * { 
	background-image: url(/images/btn/btn_white_alt.gif);  
	color: #252525;
}
	#container .btnWhiteAlt, #container .btnWhiteAlt strong,
	#lightbox .btnWhiteAlt, #lightbox .btnWhiteAlt strong { line-height: 1.5em; }
#container a:hover.btnWhiteAlt, #container a:hover.btnWhiteAlt *,
#lightbox a:hover.btnWhiteAlt, #lightbox a:hover.btnWhiteAlt * { color: #000; }

/* .btnSecure */
#container .btnSecure,
#lightbox .btnSecure {
	display: block;
	background: #e6f1f5 url(/images/icon/icon_secure.gif) no-repeat .8em .5em;
	font-size: 1.2em;
	font-weight: bold;
	padding: .52em 1.0em .4em 2.6em;
}
