/* button.css file appropriated from active.com to construct a button to link off to their site */

span#btn_txt			{ font-family: 'Verdana','Arial',sans-serif; font-size: 12px; }

/* Button style 1 */

div.btn-g01				{ ; }
div.btn-g01 ul			{ margin: 0; padding: 0; }
div.btn-g01 ul li		{ list-style-type: none; margin: 0; padding: 0; }
div.btn-g01 ul li a		{ display: block; color: #fff !important; float: left; font-weight: bold; background: url(images/btn-g01-right.jpg) 100% 0 no-repeat; text-decoration: none !important; }
div.btn-g01 ul li a span	{ display: block; line-height: 52px; padding: 0 30px; background: url(images/btn-g01-left.jpg) 0 0 no-repeat; font-size: 13px }
div.btn-g01 ul li a:hover	{ background: url(images/btn-g01-right.jpg) 100% -52px no-repeat;  text-decoration: none !important; color: #fff !important; }
div.btn-g01 ul li a:hover span	{ background: url(images/btn-g01-left.jpg) 0 -52px no-repeat;  text-decoration: none !important;}
div.btn-g01 div			{ text-align: center; font-size: 9px; }

/* Button style 2 */

div.btn-g02			{  }
div.btn-g02 ul			{ margin: 0; padding: 0; }
div.btn-g02 ul li		{ list-style-type: none; margin: 0; padding: 0;  float: left; }
div.btn-g02 ul li a		{ display: block; color: #fff !important; float: left; font-weight: bold; background: url(/Sites/9/Templates/button/images/btn-g02-right.jpg) 100% 0 no-repeat; text-decoration: none !important; }
div.btn-g02 ul li a span	{ display: block; line-height: 48px; padding: 0 30px; background: url(/Sites/9/Templates/button/images/btn-g02-left.jpg) 0 0 no-repeat; font-size: 13px }
div.btn-g02 ul li a:hover	{ background: url(/Sites/9/Templates/button/images/btn-g02-right.jpg) 100% -48px no-repeat;  text-decoration: none !important; color: #fff !important; }
div.btn-g02 ul li a:hover span	{ background: url(/Sites/9/Templates/button/images/btn-g02-left.jpg) 0 -48px no-repeat;  text-decoration: none !important;}
div.btn-g02 div			{ text-align: center; font-size: 9px; }

/* Button style 3 */

div.btn-g03			{  }
div.btn-g03 ul			{ margin: 0; padding: 0; }
div.btn-g03 ul li		{ list-style-type: none; margin: 0; padding: 0; ; float: left; }
div.btn-g03 ul li a		{ display: block; color: #fff !important; float: left; font-weight: bold; background: url(/Sites/9/Templates/button/images/btn-g03-right.jpg) 100% 0 no-repeat; text-decoration: none !important; }
div.btn-g03 ul li a span	{ display: block; line-height: 46px; padding: 0 20px 0 45px; background: url(/Sites/9/Templates/button/images/btn-g03-left.jpg) 0 0 no-repeat; font-size: 13px }
div.btn-g03 ul li a:hover	{ background: url(/Sites/9/Templates/button/images/btn-g03-right.jpg) 100% -46px no-repeat;  text-decoration: none !important; color: #fff !important; }
div.btn-g03 ul li a:hover span	{ background: url(/Sites/9/Templates/button/images/btn-g03-left.jpg) 0 -46px no-repeat;  text-decoration: none !important;}
div.btn-g03 div			{ text-align: center; font-size: 9px; }


/* Button style 4 */

div.btn-g04			{ ; }
div.btn-g04 ul			{ margin: 0; padding: 0; }
div.btn-g04 ul li		{ list-style-type: none; margin: 0; padding: 0;  float: left; }
div.btn-g04 ul li a		{ display: block; color: #fff !important; float: left; font-weight: bold; background: url(images/btn-g04-right.jpg) 100% 0 no-repeat; text-decoration: none !important; }
div.btn-g04 ul li a span	{ display: block; line-height: 46px; padding: 0 20px; background: url(images/btn-g04-left.jpg) 0 0 no-repeat; font-size: 13px }
div.btn-g04 ul li a:hover	{ background: url(images/btn-g04-right.jpg) 100% -46px no-repeat; text-decoration: none !important; color: #fff !important; }
div.btn-g04 ul li a:hover span	{ background: url(images/btn-g04-left.jpg) 0 -46px no-repeat; text-decoration: none !important; }
div.btn-g04 div			{ text-align: center; font-size: 9px; }

/* Button style 5 */

div.btn-g05			{ ; }
div.btn-g05 ul			{ margin: 0; padding: 0; }
div.btn-g05 ul li		{ list-style-type: none; margin: 0; padding: 0;  float: left; }
div.btn-g05 ul li a		{ display: block; color: #000 !important; float: left; font-weight: bold; background: url(/Sites/9/Templates/button/images/btn-g05-right.jpg) 100% 0 no-repeat; text-decoration: none !important; }
div.btn-g05 ul li a span	{ display: block; line-height: 44px; padding: 0 20px; background: url(/Sites/9/Templates/button/images/btn-g05-left.jpg) 0 0 no-repeat; font-size: 13px }
div.btn-g05 ul li a:hover	{ background: url(/Sites/9/Templates/button/images/btn-g05-right.jpg) 100% -44px no-repeat; text-decoration: none !important; color: #000 !important; }
div.btn-g05 ul li a:hover span	{ background: url(/Sites/9/Templates/button/images/btn-g05-left.jpg) 0 -44px no-repeat; text-decoration: none !important; }
div.btn-g05 div			{ text-align: center; font-size: 9px; }

div#btn_foot,
div#btn_foot a:link,
div#btn_foot a:visited		{ font-family: 'Verdana','Arial',sans-serif; font-size: 11px; color: #999 !important; text-decoration: none !important; }

/* secure buttons */
div#bg_light			{ width: 195px; height: 35px; line-height: 35px; float: left; border: 1px solid #000; cursor: pointer; }
div#bg_dark			{ width: 195px; height: 35px; line-height: 35px; float: left; background-color: #000;  border: 1px solid #000; color: #fff !important; cursor: pointer; }
div.sec-v1			{ width: 210px; height: 55px; background: url(/Sites/9/Templates/button/images/secure-v1/secure_light.gif) 0 0 no-repeat; }
div.sec-v1 p			{ margin: 0; padding: 9px 0 0 50px; text-align: left; font-family: 'Verdana','Arial',sans-serif; font-size: 9px; color: #003580  !important}
div.sec-v1 a			{ color: #003580 !important; text-decoration: none !important; }
div.sec-v1-dark			{ width: 210px; height: 55px; background: url(/Sites/9/Templates/button/images/secure-v1/secure_dark.gif) 0 0 no-repeat; }
div.sec-v1-dark p		{ margin: 0; padding: 9px 0 0 50px; text-align: left; font-family: 'Verdana','Arial',sans-serif; font-size: 9px; color: #003580 !important}
div.sec-v1-dark a		{ color: #003580 !important; text-decoration: none !important; }

div.sec-v2			{ width: 211px; height: 56px; background: url(/Sites/9/Templates/button/images/secure-v2/activecampgrounds_light.gif) 0 0 no-repeat; }
div.sec-v2 p			{ margin: 0; padding: 28px 0 0 15px; text-align: left; font-family: 'Verdana','Arial',sans-serif; font-size: 9px; color: #003580 !important}
div.sec-v2 a			{ color: #003580 !important; text-decoration: none !important; }

div.sec-v3			{ width: 180px; height: 66px; background: url(/Sites/9/Templates/button/images/secure-v3/activecampgrounds.gif) 0 0 no-repeat; }
div.sec-v3 p			{ margin: 0; padding: 28px 0 0; text-align: center; font-family: 'Verdana','Arial',sans-serif; font-size: 9px; color: #003580 !important}
div.sec-v3 a			{ color: #003580 !important; text-decoration: none !important; }

div.sec-v2-government		{ background: url(/Sites/9/Templates/button/images/secure-v2/activegovernment_light.gif) 0 0 no-repeat; }
div.sec-v2-endurance		{ background: url(/Sites/9/Templates/button/images/secure-v2/activeendurance_light.gif) 0 0 no-repeat; }
div.sec-v2-sports		{ background: url(/Sites/9/Templates/button/images/secure-v2/activesports_light.gif) 0 0 no-repeat; }
div.sec-v2-educate		{ background: url(/Sites/9/Templates/button/images/secure-v2/activeeducate_light.gif) 0 0 no-repeat; }
div.sec-v2-golf			{ background: url(/Sites/9/Templates/button/images/secure-v2/activegolf_light.gif) 0 0 no-repeat; }
div.sec-v2-camps		{ background: url(/Sites/9/Templates/button/images/secure-v2/activecamps_light.gif) 0 0 no-repeat; }
div.sec-v2-communities		{ background: url(/Sites/9/Templates/button/images/secure-v2/activecommunities_light.gif) 0 0 no-repeat; }
div.sec-v2-eventregister	{ background: url(/Sites/9/Templates/button/images/secure-v2/eventregister_light.gif) 0 0 no-repeat; }
div.sec-v2-government-dark	{ background: url(/Sites/9/Templates/button/images/secure-v2/activegovernment_dark.gif) 0 0 no-repeat; }
div.sec-v2-endurance-dark	{ background: url(/Sites/9/Templates/button/images/secure-v2/activeendurance_dark.gif) 0 0 no-repeat; }
div.sec-v2-sports-dark		{ background: url(/Sites/9/Templates/button/images/secure-v2/activesports_dark.gif) 0 0 no-repeat; }
div.sec-v2-educate-dark		{ background: url(/Sites/9/Templates/button/images/secure-v2/activeeducate_dark.gif) 0 0 no-repeat; }
div.sec-v2-golf-dark		{ background: url(/Sites/9/Templates/button/images/secure-v2/activegolf_dark.gif) 0 0 no-repeat; }
div.sec-v2-camps-dark		{ background: url(/Sites/9/Templates/button/images/secure-v2/activecamps_dark.gif) 0 0 no-repeat; }
div.sec-v2-communities-dark	{ background: url(/Sites/9/Templates/button/images/secure-v2/activecommunities_dark.gif) 0 0 no-repeat; }
div.sec-v2-eventregister-dark	{ background: url(/Sites/9/Templates/button/images/secure-v2/eventregister_dark.gif) 0 0 no-repeat; }

div.sec-v3-government		{ background: url(/Sites/9/Templates/button/images/secure-v3/activegovernment.gif) 0 0 no-repeat; }
div.sec-v3-endurance		{ background: url(/Sites/9/Templates/button/images/secure-v3/activeendurance.gif) 0 0 no-repeat; }
div.sec-v3-sports		{ background: url(/Sites/9/Templates/button/images/secure-v3/activesports.gif) 0 0 no-repeat; }
div.sec-v3-educate		{ background: url(/Sites/9/Templates/button/images/secure-v3/activeeducate.gif) 0 0 no-repeat; }
div.sec-v3-golf			{ background: url(/Sites/9/Templates/button/images/secure-v3/activegolf.gif) 0 0 no-repeat; }
div.sec-v3-camps		{ background: url(/Sites/9/Templates/button/images/secure-v3/activecamps.gif) 0 0 no-repeat; }
div.sec-v3-communities		{ background: url(/Sites/9/Templates/button/images/secure-v3/activecommunities.gif) 0 0 no-repeat; }

div.sec-v3-eventregister	{ background: url(/Sites/9/Templates/button/images/secure-v3/eventregister.gif) 0 0 no-repeat; }

div#code_container		{ width: 600px; margin: auto; overflow: auto; }
textarea#code_0,
textarea#code_1			{ width: 575px; height: 90px; overflow: auto; padding: 10px; background: #ddd; border: 1px solid #bbb; }

div#btn_foot			{ text-align: center;}

img#generate_code,
img#secure_generate		{ cursor: pointer; }
div#generate a			{ display: block; background: url(/Sites/9/Templates/button/images/generate-button.gif) 0 0 no-repeat; width: 600px; height: 39px; }
div#generate a span		{ display: none; }
div#generate a:hover		{ background: url(/Sites/9/Templates/button/images/generate-button.gif) 0 -39px no-repeat; }