/* ---------------------------------------------------------------------
Original Author: Tad Runkle
Contributors: <contributor name>, <contributor name>, <contributor name>

Target Browsers: IE7, IE8, Firefox3, Safari 4
Media Type: screen

CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
TOC: 

1: Base HTML Styles
   1.1: Paragraph Styles
   1.2: Link Styles
   1.3: Text Styles
   1.4: List Styles
   1.5: Form Styles
   1.6: Table Styles
2: Custom Styles
3: Header Styles - NOT USED
4: Body Styles
   4.1: Main Navigation Styles
5: Footer Styles
   5.1: Footer Navigation Styles
   5.2: Copyright Styles
6: Intro Page Styles
   6.1: Main Intro Page Styles
   6.2: Leaderboard Intro Page Styles
   6.3: Pursuit Intro Page Styles
   6.4: Participate Intro Page Styles
   6.5: Get Registered Intro Page Styles
   6.6: Forgot Password Page Styles
   6.7: Welcome Intro Page Styles
7: Flash Shell Page
   7.1: Base Pop-Up Styles
   7.2: Certify Yourself Page Styles
   7.3: Certificate Preview Page Styles
   7.4: Certify a Friend Page Styles
   7.5: Thank You Page Styles
   7.6: Edit Account Page Styles
8: Public Page
9: Error 404 Page

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
NOTES:

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
1: Base HTML Styles
------------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background: #ff9900 url(../images/bkgd_main.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	line-height: 1;
	text-align: center;
}
.errors {
	color: #ff7734;
}

/* -----------------------------------------------------------
1.1: Paragraph Styles
-------------------------------------------------------------- */
p, blockquote, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1em;
}
blockquote {
	margin-left: 40px;
	margin-right: 40px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin: 0;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

img {
	outline: none;
	border: none;
	text-decoration: none;
}

/* -----------------------------------------------------------
1.2: Link Styles
-------------------------------------------------------------- */
a {
	outline: none;
	border: none;
	text-decoration: none;
}
a:link {
}
a:visted {
}
a:hover {
}
a:active {
}

/* -----------------------------------------------------------
1.3: Text Styles
-------------------------------------------------------------- */
abbr, acronym {
	border-bottom: dotted 1px;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
u, ins {
	text-decoration: underline;
}
s, strike, del {
	text-decoration: line-through;
}
big {
	font-size: larger;
}
small {
	font-size: smaller;
}

/* -----------------------------------------------------------
1.4: List Styles
-------------------------------------------------------------- */
ul, ol, dl, li, dd, dt {
	margin-top: 0;
	margin-bottom: 1em;
}
ul {
	list-style-type: disc;
	padding-left: 40px;
}
ol {
	list-style-type: decimal;
	padding-left: 40px;
}
dd {
	margin-left: 40px;
}

/* nested lists have no top/bottom margins */
ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl,
dl ul,
dl ol,
dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

/* 2 deep unordered lists use a circle */
ol ul,
ul ul {
	list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
ol ol ul,
ol ul ul, 
ul ol ul,
ul ul ul {
	list-style-type: square;
}

/* -----------------------------------------------------------
1.5: Form Styles
-------------------------------------------------------------- */
form {
	margin: 0;
}
fieldset {
	border-width: 1px;
	border-color: #7c7b7d;
	border-style: solid;
	margin: 0 2px;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
}
label {
}

/* -----------------------------------------------------------
1.6: Table Styles
-------------------------------------------------------------- */
table {
	border-spacing: 0px;
	border-collapse: separate;
}
tr {
	vertical-align: middle;
}
tbody {
	vertical-align: middle;
}
thead {
	vertical-align: middle;
}
tfoot {
	vertical-align: middle;
}
td {
	vertical-align: inherit;
	text-align: inherit; 
	padding: 0;
}
th {
	vertical-align: inherit;
	font-weight: bold;
	padding: 0;
}

/* ---------------------------------------------------------------------
2: Custom Styles
------------------------------------------------------------------------ */
#wrapper {
	position: relative;
	width: 1020px;
	height: 701px;
	margin: 0 auto;
	text-align: left;
}
.clear {
	clear: both;
}

/* ------------------------------------------------------------
4: Body Styles
--------------------------------------------------------------- */
#body {
	position: relative;
	width: 1020px;
	height: 671px;
}

/* ------------------------------------------------------------
4.1: Header Styles
--------------------------------------------------------------- */
#body h1 a {
	background: url(../images/logo_snapple.gif) top left no-repeat;
	width: 155px;
	height: 59px;
	display: block;
	position: absolute;
	z-index: 100;
	top: 5px;
	left: 442px;
	text-indent: -5000px;
	overflow: hidden;
}

/* ------------------------------------------------------------
4.2: Main Navigation Styles
--------------------------------------------------------------- */
#nav_main {
}
#nav_main a.nav_item {
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 101;
}
#nav_main a.nav_item img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
#nav_main a.nav_item img.nav_off {
	display: none;
}
#nav_main #nav_about {
	width: 171px;
	height: 50px;
	top: 112px;
	left: 33px;
}
#nav_main #nav_pursuit {
	width:207px;
	height:58px;
	top:106px;
	left:22px;
}
#nav_main #nav_better {
	width: 162px;
	height: 32px;
	top: 86px;
	left: 251px;
}
#nav_main #nav_products {
	width: 139px;
	height: 17px;
	top: 83px;
	left: 453px;
}
#nav_main #nav_facts {
	width: 148px;
	height: 32px;
	top: 88px;
	left: 648px;
}
#nav_main #nav_blog {
	width: 163px;
	height: 49px;
	top: 114px;
	left: 836px;
}
#nav_main a.nav_item:hover {
	background-position: top !important;
}

/* ------------------------------------------------------------
5: Footer Styles
--------------------------------------------------------------- */
#footer {
	position: absolute;
	top: 671px;
	width: 1020px;
	height: 60px;
	z-index: 1;
	line-height: 27px;
	color: #fff;
	text-align: center;
	background: url(../images/bkgd_footer.jpg) top left no-repeat;
}
/* --------------------------------------------------
5.1: Footer Navigation Styles
----------------------------------------------------- */
#nav_footer a {
	color: #fff;
	padding: 0 3px;
	text-decoration: none;
}
#nav_footer a:hover {
	text-decoration: underline
}

/* --------------------------------------------------
5.2: Copyright Styles
----------------------------------------------------- */
#copyright {
	padding-top: 0.5em;
	line-height: 1.5em;
	font-weight: bold;
}

/* ---------------------------------------------------------------------
6: Intro Page Styles
------------------------------------------------------------------------ */
.section_intro #body {
	background: url(../images/bkgd_intro.jpg) no-repeat left top;
}
.section_intro #content {
	position: absolute;
	top: 209px;
	left: 252px;
	width: 519px;
	height: 322px;
}
.section_intro #share {
	position: absolute;
	top: 646px;
	width: 1020px;
	text-align: center;
	font-size: 11px;
}
.section_intro #share a {
	color: #e58a0d;
}
.section_intro #share a img {
	margin-right: 8px;
	vertical-align: middle;
}

/* -------------------------------------------------
6.1: Main Intro Page Styles
---------------------------------------------------- */
.page_main #content {
	background: url(../images/intro_main.jpg) no-repeat left top;
}
.page_main .btn_join,
.page_main .btn_leaderboard,
.page_main .btn_participate,
.page_main .btn_signin,
.page_main .btn_topnotch,
.page_main .form .submit,
.page_main .btn_register,
.page_main .btn_pursuit,
.page_main .btn_misc1,
.page_main .btn_misc2,
.page_main .btn_misc3 {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
.page_main a.btn_join:hover,
.page_main a.btn_leaderboard:hover,
.page_main a.btn_participate:hover,
.page_main a.btn_signin:hover,
.page_main a.btn_topnotch:hover,
.page_main a.btn_misc1:hover,
.page_main a.btn_misc2:hover,
.page_main a.btn_misc3:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.page_main .btn_join {
	display: none;
	width: 181px;
	height: 213px;
	top: 15px;
	left: 10px;
}
.page_main .btn_leaderboard {
	width: 174px;
	height: 51px;
	top: 235px;
	left: 13px;
}
.page_main .btn_participate {
	width: 224px;
	height: 105px;
	top: 13px;
	left: 201px;
}
.page_main .btn_signin {
	display: none;
	width: 111px;
	height: 64px;
	top: 127px;
	left: 197px;
}
.page_main .btn_topnotch {
	display: none;
	width: 112px;
	height: 52px;
	top: 129px;
	left: 312px;
}
.page_main .login {
	position: absolute;
	width: 204px;
	height: 95px;
	padding: 11px;
	top: 192px;
	left: 204px;
}
.page_main .form {
}
.page_main form dl,
.page_main form ul,
.page_main form li,
.page_main form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
.page_main .form .text {
	margin-bottom: 9px;
	padding: 0 3px;
	background: #f2d8ad;
	border-top: 1px solid #cbb591;
	border-right: 1px solid #f9eeda;
	border-bottom: 1px solid #f6e4c6;
	border-left: 1px solid #b9a584;
	width: 195px;
	height: 15px;
	color: #411e06;
	font-size: 10px;
	font-style: bold;
}
.page_main .form .submit {
	width: 94px;
	height: 23px;
	top: 67px;
	left: 11px;
	background: url(../images/btn_poster_enter.jpg) no-repeat left top;
	border: none;
	cursor: pointer;
}
.page_main .form .submit:hover {
	background: url(../images/btn_poster_enterO.jpg) no-repeat left top;
}
.page_main .form .btn_register {
	width: 72px;
	height: 34px;
	top: 64px;
	left: 138px;
	background: #FFF; /* IE7 FiX */
	opacity: 0;
	filter: alpha(opacity = 0);
}
.page_main a.btn_register:hover {
	background: url(../images/btn_registerO.jpg) no-repeat left top;
}
.page_main .btn_forgot {
	position: absolute;
	display: block;
	width: 100px;
	height: 20px;
	top: 97px;
	left: 12px;
	font-size: 11px;
	color: #eab775;
	overflow: hidden;
}
.page_main a.btn_forgot:hover {
	text-decoration: underline;
}
.page_main .btn_pursuit {
	width: 100px;
	height: 90px;
	top: 23px;
	left: 428px;
}
.page_main a.btn_pursuit:hover {
	background: url(../images/btn_pursuitO.jpg) no-repeat left top;
}
.page_main .btn_misc1 {
	display: none;
	width: 46px;
	height: 69px;
	top: 104px;
	left: 449px;
}
.page_main .btn_misc2 {
	display: none;
	width: 43px;
	height: 67px;
	top: 179px;
	left: 450px;
}
.page_main .btn_misc3 {
	display: none;
	width: 43px;
	height: 58px;
	top: 252px;
	left: 450px;
}

/* -------------------------------------------------
6.2: Leaderboard Intro Page Styles
---------------------------------------------------- */
.page_leaderboard #content {
	background: url(../images/intro_leaderboard.jpg) no-repeat left top;
}
.page_leaderboard #content h2,
.page_leaderboard .btn_close {
	text-indent: -9999px;
	overflow: hidden;
}
.page_leaderboard .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 11px;
	left: 495px;
}
.page_leaderboard a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.page_leaderboard .tbl_leaderboard {
	position: absolute;
	top: 112px;
	left: 36px;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
}
.page_leaderboard .tbl_leaderboard td {
	height: 19px;
}
.page_leaderboard .tbl_leaderboard td.td_name {
	width: 160px;
	padding-right: 12px;
	text-indent: 15px;
}
.page_leaderboard .tbl_leaderboard td.td_level {
	width: 160px;
	padding-right: 12px;
	text-indent: 15px;
}
.page_leaderboard .tbl_leaderboard td.td_caps {
	text-align: right;
	width: 60px;
}

/* -------------------------------------------------
6.3: Pursuit Intro Page Styles
---------------------------------------------------- */
.page_pursuit #content {
	background: url(../images/intro_pursuit.jpg) no-repeat left top;
}
.page_pursuit #content h2,
.page_pursuit #content p,
.page_pursuit .btn_close,
.page_pursuit .btn_register {
	text-indent: -9999px;
	overflow: hidden;
}
.page_pursuit .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 30px;
	left: 477px;
}
.page_pursuit .btn_register {
	position: absolute;
	width: 81px;
	height: 16px;
	top: 269px;
	left: 221px;
}
.page_pursuit a.btn_close:hover,
.page_pursuit a.btn_register:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* -------------------------------------------------
6.4: Participate Intro Page Styles
---------------------------------------------------- */
.page_participate #content {
	background: url(../images/intro_participate.jpg) no-repeat left top;
}
.page_participate #content h2,
.page_participate #content p,
.page_participate .btn_close,
.page_participate .btn_register {
	text-indent: -9999px;
	overflow: hidden;
}
.page_participate .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 32px;
	left: 474px;
}
.page_participate .btn_register {
	position: absolute;
	width: 81px;
	height: 16px;
	top: 269px;
	left: 221px;
}
.page_participate a.btn_close:hover,
.page_participate a.btn_register:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* -------------------------------------------------
6.5: Get Registered Intro Page Styles
---------------------------------------------------- */
.page_getregistered #content {
	background: url(../images/intro_getregistered.jpg) no-repeat left top;
	width: 459px;
	height: 262px;
	padding: 30px;
}
.page_getregistered #content h2,
.page_getregistered #content p,
.page_getregistered .btn_close {
	text-indent: -9999px;
	overflow: hidden;
}
.page_getregistered #content h2 {
	position: absolute;
	width: 278px;
	height: 30px;
	top: 40px;
	left: 129px;
	background: url(../images/header_getregistered.png) no-repeat left top;
}
.page_getregistered .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 32px;
	left: 474px;
}
.page_getregistered a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.page_getregistered .section {
	position: absolute;
	width: 479px;
	height: 200px;
	top: 86px;
	left: 18px;
}
.page_getregistered form {
	width: 479px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #f6f1c7;
	line-height: 1.4;
	height: 200px;
}
.page_getregistered form p {
	background: url(../images/text_getregistered.gif) no-repeat 18px top;
	height: 70px;
	margin-bottom: 17px;
}
.page_getregistered form dl,
.page_getregistered form ul,
.page_getregistered form li,
.page_getregistered form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
.page_getregistered form fieldset {
	padding-left: 129px;
}
.page_getregistered form li {
	margin-bottom: 10px;
}
.page_getregistered form label {
	display: block;
	margin-bottom: 0;
}
.page_getregistered form .text {
	background: #f0f2e4;
	padding: 0 3px;
	border-top: 1px solid #8c7916;
	border-right: 1px solid #9c8b32;
	border-bottom: 1px solid #a9942a;
	border-left: 1px solid #736312;
	width: 217px;
	height: 21px;
}
.page_getregistered form .dropdown {
	margin-right: 15px;
}
.page_getregistered form .checkbox {
	margin: 0;
}
a.jScrollArrowUp,
a.jScrollArrowDown {
	background-image: url(../images/scroll_arrows.png);
	background-repeat: no-repeat;
	height: 41px !important;
}
a.jScrollArrowUp {
	background-position: left top;
}
a.jScrollArrowDown {
	background-position: right top;
}
.jScrollPaneTrack {
	background-color: transparent !important;
}
.jScrollPaneDrag {
	background: transparent url(../images/scroll_drag.png) no-repeat 0px 5px !important;
}

/* -------------------------------------------------
6.6: Forgot Password Page Styles
---------------------------------------------------- */
.page_forgotpassword #content {
	background: url(../images/intro_getregistered.jpg) no-repeat left top;
	width: 459px;
	height: 262px;
	padding: 30px;
}
.page_forgotpassword #content h2,
.page_forgotpassword .btn_close {
	text-indent: -9999px;
	overflow: hidden;
}
.page_forgotpassword #content h2 {
	position: absolute;
	width: 298px;
	height: 53px;
	top: 40px;
	left: 119px;
	background: url(../images/header_forgotpassword.png) no-repeat left top;
}
.page_forgotpassword .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 32px;
	left: 474px;
}
.page_forgotpassword a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.page_forgotpassword form {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #f6f1c7;
	line-height: 1.4;
	height: 200px;
}
.page_forgotpassword .section {
	position: absolute;
	width: 479px;
	height: 200px;
	top: 106px;
	left: 18px;
}
.page_forgotpassword form dl,
.page_forgotpassword form ul,
.page_forgotpassword form li,
.page_forgotpassword form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
.page_forgotpassword form fieldset {
	padding-left: 129px;
}
.page_forgotpassword form li {
	margin-bottom: 10px;
}
.page_forgotpassword form label {
	display: block;
	margin-bottom: 0;
}
.page_forgotpassword form .text {
	background: #f0f2e4;
	padding: 0 3px;
	border-top: 1px solid #8c7916;
	border-right: 1px solid #9c8b32;
	border-bottom: 1px solid #a9942a;
	border-left: 1px solid #736312;
	width: 217px;
	height: 21px;
}
.page_forgotpassword #user_mesg {
	text-align:center;
	color: #ff7968;
	font-size:large;
	font-family:"Times New Roman", Times, serif;
	padding:0 0 10px 0;
}
/* -------------------------------------------------
6.7: Welcome Intro Page Styles
---------------------------------------------------- */
.page_welcome #content {
	background: url(../images/intro_welcome.jpg) no-repeat left top;
}
.page_welcome #content h2,
.page_welcome #content p,
.page_welcome .btn_close,
.page_welcome .btn_stuff {
	text-indent: -9999px;
	overflow: hidden;
}
.page_welcome .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 23px;
	left: 479px;
}
.page_welcome .btn_stuff {
	position: absolute;
	width: 165px;
	height: 16px;
	top: 236px;
	left: 166px;
}
.page_welcome a.btn_close:hover,
.page_welcome a.btn_stuff:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* ---------------------------------------------------------------------
7: Flash Shell Page
------------------------------------------------------------------------ */
.section_flash #body {
	background: url(../images/bkgd_trophyroom.jpg) no-repeat left top;
}
.section_flash #content {
	position: absolute;
	top: 101px;
	left: 0px;
	width: 1020px;
	height: 570px;
}
.section_flash #flash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1020px;
	height: 570px;
	z-index: 10;
}
.section_flash a.btn_leaderboard,
.section_flash a.btn_facebook {
	position: absolute;
	display: block;
	top: 506px;
	height: 64px;
	z-index: 101;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.section_flash a.btn_leaderboard {
	background: url(../images/btn_seeleaderboard.png) no-repeat left bottom;
	left: 0px;
	width: 190px;
}
.section_flash a.btn_leaderboard:hover {
	background: url(../images/btn_seeleaderboardO.png) no-repeat left bottom;
}
.section_flash a.btn_facebook {
	background: url(../images/btn_getfacebook.png) no-repeat right bottom;
	right: 0px;
	width: 224px;
}
.section_flash a.btn_facebook:hover {
	background: url(../images/btn_getfacebookO.png) no-repeat right bottom;
}
.section_flash #share {
	display: none;
}

/* ---------------------------------------------------------------------
7.1: Base Pop-Up Styles
------------------------------------------------------------------------ */
#cert {	
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #f6f1c7;
	line-height: 1.4;
}
#popup_yourself,
#popup_friend,
#popup_thankyou,
#popup_editaccount {
	background: url(../images/overlay_register.png) no-repeat left top;
}
#cert h2,
#cert .submit {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#cert .text,
#cert .upload,
#cert .textarea {	
	background: #f0f2e4;
	padding: 0 3px;
	border-top: 1px solid #8c7916;
	border-right: 1px solid #9c8b32;
	border-bottom: 1px solid #a9942a;
	border-left: 1px solid #736312;
	width: 348px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 1.6;
}
#cert .onfocus {
	color: #000;
}
#cert .text,
#cert .upload {
	height: 21px;
}
#cert .textarea {
	height: 65px;
}
#cert .submit {
	width: 73px;
	height: 15px;
	background: url(../images/btn_certs_certify.png) no-repeat left top;
	border: none;
	cursor: pointer;
}
#cert .submit:hover {
	background: #000 url(../images/btn_certs_certify.png) no-repeat left top;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#cert .sticker_required {
	position: absolute;
	width: 73px;
	height: 15px;
}
#popup_yourself,
#popup_certificate,
#popup_friend,
#popup_thankyou,
#popup_editaccount {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1020px;
	height: 570px;
	z-index: 20;
}
#popup_yourself .btn_close,
#popup_certificate .btn_close,
#popup_friend .btn_close,
#popup_thankyou .btn_close,
#popup_editaccount .btn_close {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 95px;
	left: 762px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 30;
}
#popup_certificate .btn_close {
	top: 95px;
	left: 764px;
}
#popup_yourself .btn_close:hover,
#popup_certificate .btn_close:hover,
#popup_friend .btn_close:hover,
#popup_thankyou .btn_close:hover,
#popup_editaccount .btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* -------------------------------------------------
7.2: Certify Yourself Page Styles
---------------------------------------------------- */
#popup_yourself #cert {
	position: absolute;
	width: 551px;
	height: 385px;
	top: 100px;
	left: 236px;
}
#popup_yourself h2 {
	width: 551px;
	height: 54px;
	top: 48px;
	left: 0;
	background: url(../images/header_certifyyourself.png) no-repeat center top;
}
#popup_yourself form {
	position: absolute;
	padding-left: 95px;
	width: 451px;
	height: 400px;
	top: 116px;
}
#popup_yourself form dl,
#popup_yourself form ul,
#popup_yourself form li,
#popup_yourself form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
#popup_yourself form li {
	margin-bottom: 10px;
}
#popup_yourself form label {
	display: block;
	margin-bottom: 0;
}
#popup_yourself form .submit {
	top: 158px;
	left: 238px;
}
#popup_yourself .sticker_required {
	top: 272px;
	left: 95px;
}
li#certify_yourself_error {
	position: absolute;
	top: 190px;
}

/* -------------------------------------------------
7.3: Certificate Preview Page Styles
---------------------------------------------------- */
#popup_certificate {
	background: url(../images/overlay_certificate.png) no-repeat left top;
}
#popup_certificate #cert {
	position: absolute;
	width: 551px;
	height: 425px;
	top: 87px;
	left: 236px;
	color: #000;
}
#popup_certificate h3,
#popup_certificate h4,
#popup_certificate p {
	margin: 0 60px;
	font-weight: normal;
	text-align: center;
}
#popup_certificate h3 {
	margin-top: 161px;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: .25em;
	line-height: 1.15;
}
#popup_certificate h4 {
	margin-top: 16px;
	font-size: 19px;
	margin-bottom: .25em;
	line-height: 1.1;
}
#popup_certificate p {
	margin-top: 32px;
	font-size: 19px;
	font-style: italic;
	margin-bottom: .25em;
	line-height: 1;
}
#popup_certificate #share_bar {
	position: absolute;
	width: 397px;
	height: 21px;
	top: 474px;
	left: 269px;
	z-index: 30;
}
#popup_certificate .btn_add,
#popup_certificate .btn_twitter,
#popup_certificate .btn_facebook,
#popup_certificate .btn_share,
#popup_certificate .btn_print,
#popup_certificate .btn_certify,
#popup_certificate .btn_recertify{
	height: 14px;
	top: 3px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#popup_certificate a.btn_add:hover,
#popup_certificate a.btn_twitter:hover,
#popup_certificate a.btn_facebook:hover,
#popup_certificate a.btn_share:hover,
#popup_certificate a.btn_print:hover,
#popup_certificate a.btn_certify:hover,
#popup_certificate a.btn_recertify:hover,
#popup_certificate a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#popup_certificate .btn_add {
	width: 14px;
	left: 9px;
}
#popup_certificate .btn_twitter {
	width: 14px;
	left: 30px;
}
#popup_certificate .btn_facebook {
	width: 14px;
	left: 49px;
}
#popup_certificate .btn_share {
	width: 56px;
	left: 70px;
}
#popup_certificate .btn_print {
	width: 53px;
	left: 135px;
}
#popup_certificate .btn_certify {
	width: 132px;
	left: 203px;
}
#popup_certificate .btn_recertify {
	width: 145px;
	left: 338px;
}
#popup_certificate #frameglare {
	position: absolute;
	left: 236px;
	top: 87px;
	width: 551px;
	height: 388px;
	background: url(../images/overlay_frameglare.png) no-repeat left top;
}

/* -------------------------------------------------
7.4: Certify a Friend Page Styles
---------------------------------------------------- */
#popup_friend #cert {
	position: absolute;
	width: 551px;
	height: 385px;
	top: 100px;
	left: 236px;
}
#popup_friend h2 {
	width: 551px;
	height: 54px;
	top: 28px;
	left: 0;
	background: url(../images/header_certifyafriend.png) no-repeat center top;
}
#popup_friend form {
	position: absolute;
	padding-left: 95px;
	width: 451px;
	height: 400px;
	top: 96px;
}
#popup_friend form dl,
#popup_friend form ul,
#popup_friend form li,
#popup_friend form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
#popup_friend form li {
	margin-bottom: 10px;
}
#popup_friend form label {
	display: block;
	margin-bottom: 0;
}
#popup_friend form .submit {
	top: 245px;
	left: 238px;
}
#popup_friend .sticker_required {
	top: 340px;
	left: 95px;
}
li#certify_friend_error {
	position: absolute;
	top: 260px;
}

/* -------------------------------------------------
7.5: Thank You Page Styles
---------------------------------------------------- */
#popup_thankyou #cert {
	position: absolute;
	width: 551px;
	height: 385px;
	top: 100px;
	left: 236px;
}
#popup_thankyou h2 {
	width: 551px;
	height: 125px;
	top: 50px;
	left: 0;
	background: url(../images/header_thankyou.png) no-repeat center top;
}
#popup_thankyou form {
	position: absolute;
	padding-left: 95px;
	width: 451px;
	height: 125px;
	top: 180px;
}
#popup_thankyou form dl,
#popup_thankyou form ul,
#popup_thankyou form li,
#popup_thankyou form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
#popup_thankyou form li {
	margin-bottom: 10px;
}
#popup_thankyou form label {
	display: block;
	margin-bottom: 0;
}
#popup_thankyou form .textarea {
	height: 63px;
}
#popup_thankyou form .btn_copy {
	position: absolute;
	top: 96px;
	left: 170px;
}
#popup_thankyou #share_bar {
	position: absolute;
	width: 149px;
	height: 40px;
	top: 366px;
	left: 491px;
	background: url(../images/bkgd_sharemini.png) no-repeat left top;
	z-index: 30;
}
#popup_thankyou .btn_add,
#popup_thankyou .btn_twitter,
#popup_thankyou .btn_facebook,
#popup_thankyou .btn_share {
	height: 14px;
	top: 12px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#popup_thankyou a.btn_add:hover,
#popup_thankyou a.btn_twitter:hover,
#popup_thankyou a.btn_facebook:hover,
#popup_thankyou a.btn_share:hover,
#popup_thankyou a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#popup_thankyou .btn_add {
	width: 14px;
	left: 17px;
}
#popup_thankyou .btn_twitter {
	width: 14px;
	left: 39px;
}
#popup_thankyou .btn_facebook {
	width: 14px;
	left: 57px;
}
#popup_thankyou .btn_share {
	width: 56px;
	left: 77px;
}

/* -------------------------------------------------
7.6: Edit Account Page Styles
---------------------------------------------------- */
#popup_editaccount #cert {
	position: absolute;
	width: 551px;
	height: 385px;
	top: 100px;
	left: 236px;
	background-image: none;
}
#popup_editaccount h2 {
	width: 551px;
	height: 54px;
	top: 29px;
	background: url(../images/header_editaccount.png) no-repeat center top;
}



#popup_editaccount #cert {
	position: relative;
}
#popup_editaccount #form_wrapper {
	position: absolute;
	top: 90px;
}
#popup_editaccount form {
	position: absolute;
	width: 540px;
	height: 290px;
	top: 99px;
	left: 20px;
}
#popup_editaccount form dl,
#popup_editaccount form ul,
#popup_editaccount form li,
#popup_editaccount form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
#popup_editaccount form fieldset {
	padding-left: 129px;
}
#popup_editaccount form li {
	margin-bottom: 10px;
}
#popup_editaccount form label {
	display: block;
	margin-bottom: 0;
}
#popup_editaccount form .text {
	background: #f0f2e4;
	padding: 0 3px;
	border-top: 1px solid #8c7916;
	border-right: 1px solid #9c8b32;
	border-bottom: 1px solid #a9942a;
	border-left: 1px solid #736312;
	width: 217px;
	height: 21px;
}
#popup_editaccount form .dropdown {
	margin-right: 15px;
}
#popup_editaccount form .checkbox {
	margin: 0;
}
#popup_editaccount form label {
	display: block;
	margin-bottom: 0;
}
#popup_editaccount form .text {
	color: #000;
	width: 212px;
}
#popup_editaccount form .upload {
	margin-right: 10px;
	width: 128px;
	color: #000;
}
#popup_editaccount form .submit {
	background: url(../images/btn_certs_update.gif) no-repeat left top;
}
#popup_editaccount form .submit:hover {
	background: url(../images/btn_certs_update.gif) no-repeat left top;
}
#popup_editaccount .sticker_required {
	top: 358px;
	left: 40px;
}
#ajaxloader {
	display: none;
	position: relative;
	left: 50px;
	width: 16px;
	height: 16px;
}



/*
#popup_editaccount form {
	position: absolute;
	width: 540px;
	height: 275px;
	top: 99px;
	left: 20px;
}

#popup_editaccount form .col {
	float: left;
	width: 220px;
	margin-left: 20px;
}
#popup_editaccount form dl,
#popup_editaccount form ul,
#popup_editaccount form li,
#popup_editaccount form fieldset {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}
#popup_editaccount form li {
	margin-bottom: 10px;
}
#popup_editaccount form label {
	display: block;
	margin-bottom: 0;
}
#popup_editaccount form .text {
	color: #000;
	width: 212px;
}
#popup_editaccount form .upload {
	margin-right: 10px;
	width: 128px;
	color: #000;
}
#popup_editaccount form .submit {
	top: 255px;
	left: 231px;
	background: url(../images/btn_certs_update.gif) no-repeat left top;
}
#popup_editaccount form .submit:hover {
	background: url(../images/btn_certs_update.gif) no-repeat left top;
}
*/

/* ---------------------------------------------------------------------
8: Intro Page Styles
------------------------------------------------------------------------ */
.section_public #body {
	background: url(../images/bkgd_public.jpg) no-repeat left top;
}
.section_public #content {
	position: absolute;
	top: 209px;
	left: 252px;
	width: 519px;
	height: 322px;
}
.section_public #share {
	display: none;
}
.section_public #content {
	position: absolute;
	top: 101px;
	left: 0px;
	width: 1020px;
	height: 570px;
}
.page_public #content, .force_public {
	background: url(../images/overlay_public.png) no-repeat left top !important;
}
.page_public #cert {
	position: absolute;
	width: 551px;
	height: 425px;
	top: 87px;
	left: 236px;
	color: #000;
}
.page_public h3,
.page_public h4,
.page_public p {
	font-weight: normal;
	text-align: center;
	margin: 0 100px;
}
.page_public h3 {
	margin-top: 160px;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: .25em;
	line-height: 1.15;
}
.page_public h4 {
	margin-top: 19px;
	font-size: 17px;
	margin-bottom: .25em;
	line-height: 1.1;
}
.page_public p {
	margin-top: 36px;
	font-size: 14px;
	font-style: italic;
	margin-bottom: .25em;
	line-height: 1.1;
}
.page_public #share_bar {
	position: absolute;
	width: 397px;
	height: 21px;
	top: 474px;
	left: 314px;
	z-index: 30;
}
.page_public .btn_add,
.page_public .btn_twitter,
.page_public .btn_facebook,
.page_public .btn_share,
.page_public .btn_print,
.page_public .btn_join {
	height: 14px;
	top: 3px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
.page_public a.btn_add:hover,
.page_public a.btn_twitter:hover,
.page_public a.btn_facebook:hover,
.page_public a.btn_share:hover,
.page_public a.btn_print:hover,
.page_public a.btn_join:hover,
.page_public a.btn_close:hover {
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.page_public .btn_add {
	width: 14px;
	left: 9px;
}
.page_public .btn_twitter {
	width: 14px;
	left: 30px;
}
.page_public .btn_facebook {
	width: 14px;
	left: 49px;
}
.page_public .btn_share {
	width: 56px;
	left: 70px;
}
.page_public .btn_print {
	width: 53px;
	left: 164px;
}
.page_public .btn_join {
	width: 130px;
	left: 255px;
}
.page_public #frameglare {
	position: absolute;
	left: 236px;
	top: 87px;
	width: 551px;
	height: 388px;
	background: url(../images/overlay_frameglare.png) no-repeat left top;
}
/* ---------------------------------------------------------------------
9: Error 404 Page
------------------------------------------------------------------------ */

.section_error #body {
	background: url(../images/bg-footers.jpg) no-repeat left top;
}

.legal-container {
	color:#641813;
	font-size:1.2em;
	height:444px;
	left:273px;
	line-height:1.6em;
	position:absolute;
	top:159px;
	width:507px;
}

.legal-container p {
	margin:1em 0.7em;
}

h2#notfound {
	background:url("../images/h2-notfound.jpg") no-repeat scroll left top transparent;
	height:46px;
	overflow:hidden;
	text-indent:-5000px;
	width:505px;
}

#share {
	display: none;	
}