@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
color:#555;
margin:0; 
padding:0;
text-align:center;
background:#0186b1 url(../images/bgRepeat.gif) 0 0 repeat-x;
height:100%;
width:100%;
font-size:small;
font-size: x-small; /* IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;
}

object {
outline: none;
}

html>body {
font-size:small;
}

strong {
font-weight:700;
}

/* Main Layout
________________________________________________________*/
#home #hdrWrap {
position:absolute;
height:134px !important;
width:100%;
background:url(../images/navBg1.gif) 50% -1px no-repeat;
z-index:4;
overflow:hidden;
margin:0;
}

#home #flashNav {
position:relative;
height:134px;
width:1022px;
top:0;
margin:0 auto;
}

#hdrWrap {
position:absolute;
height:134px !important;
width:100%;
min-width: 1022px !important;
margin:0;
background:url(../images/navBg.gif) 50% -1px no-repeat;
z-index:4;
overflow:hidden;
}

/*This houses the main HTML navigation
#htmlNav{
	width:1022px;
	height:134px;
	background: transparent url(../img/nav_bg.jpg) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	top: 0px;
	z-index:1;
	overflow: hidden;

}*/
#flashNavContainer {
position:relative;
height:134px;
width:1022px;
top:0;
z-index:2;
margin:0 auto;
}

#centerWrap {
position:relative;
width:100%;
font-size:110%;
z-index:20;
}

#contentWrap {
position:relative;
width:1022px;
z-index:20;
margin:0 auto;
}

#home #ftrWrap {
position:relative;
top:30px;
height:140px;
width:100%;
background:url(../images/ftr_repeat.jpg) repeat-x;
z-index:50;
}

#ftrWrap {
position:relative;
top:102px;
height:140px;
width:100%;
min-width: 1022px;
background:url(../images/ftr_repeat.jpg) repeat-x;
z-index:50;
}

#ftrBg {
position:relative;
height:140px;
width:100%;
min-width: 1022px;
margin: 0 auto;
background:url(../images/ftr_bg.jpg) 50% 0 no-repeat;
z-index:40;
}

#ftrContent {
position:relative;
height:140px;
width:900px;
z-index:39;
margin:0 auto;
}

#scene {
position:relative;
top:129px;
height:495px;
width:100%;
z-index:1;
}

/*Main Elements
_______________________________________________________*/
#hdrWrap h1 {
position:absolute;
top:18px;
left:58px;
text-indent:-9999px;
background:url(../images/logo.jpg) no-repeat;
height:86px;
width:172px;
}

#playNow {
position:absolute;
top:36px;
right:60px;
height:72px;
width:170px;
}

#playNow a,#playNow a:link,#playNow a:visited {
display:block;
border:none;
text-indent:-9999px;
text-decoration:none;
height:72px;
width:170px;
background:url(../images/playNow.jpg) 0 0;
}

#playNow a:hover {
display:block;
border:none;
text-indent:-9999px;
text-decoration:none;
height:72px;
width:170px;
background:url(../images/playNow.jpg) 0 72px;
}

/* Main Content Elements */
#promoWrap {
height:auto;
width:900px;
position:relative;
left:61px;
z-index:5000;
background:#03a0c3 url(../images/home_box_top.gif) left top no-repeat;
margin:137px 0 0;
}

#promoWrap .inner {
background:transparent url(../images/home_box_bot.gif) left bottom no-repeat;
padding:10px 30px 20px;
}

.home_promo {
height:auto;
width:150px;
float:left;
z-index:10;
margin:0 22px 0 0;
padding:0;
}

.homeNoMarg {
z-index:10;
margin:0;
}

.home_promo div.header {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
font-weight:800;
color:#fff;
margin:19px 0 5px;
}

.home_promo p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
color:#fff;
line-height:1.3em;
height:auto;
margin:0 0 10px;
}

/* Footer Elements 
 Nav */
#ftrBg ul {
position:absolute;
top:38px;
left:112px;
display:block;
list-style:none;
height:auto;
width:625px;
text-align:center;
}

#ftrBg ul li {
display:inline;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
color:#01384a;
margin:0 1px 0 0;
}

#ftrBg ul .noMarg {
margin:0;
}

#ftrBg ul li a,#ftrBg ul li a:link,#ftrBg ul li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
color:#fff;
text-decoration:none;
}

#ftrBg ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#5ad0fa;
text-decoration:none;
}

#ftrBg ul li .active {
color:#5ad0fa;
}

#ftrBg p {
position:absolute;
top:63px;
left:200px;
height:auto;
width:460px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10.5px;
color:#013444;
}

#ftrContent ul li a.new:hover {
color:#fc0;
}

/* Footer Logos */
#disGame {
position:absolute;
top:30px;
left:-25px;
}

#bbb {
position:absolute;
top:32px;
left:720px;
}

#ctr {
position:absolute;
top:26px;
left:820px;
height:56px;
}

#bbb_english {
position:absolute;
top:32px;
left:685px;
}

#esrb {
position:absolute;
top:25px;
left:855px;
}

#truste {
position:absolute;
top:41px;
left:745px;
height:34px;
}

/*Sub Pages - Basic Layout
	________________________________________________________*/
.subpage #centerWrap {
position:relative;
z-index:1;
background:transparent url(../images/sub_bg.jpg) 50% 110px no-repeat;
}

.subpage #content {
height:auto;
width:900px;
background:#fff url(../images/sub_inner_bg.gif) 0 0 no-repeat;
border-left:3px solid #013a69;
border-right:3px solid #013a69;
color:#555;
position:relative;
top:102px;
left:58px;
margin:0;
}

.subpage #content .padd {
padding:40px 30px 30px;
}

.subpage #content h2,.subpage #content h3 {
color:#00529b;
font-weight:700;
}

.subpage #content .pageName {
font-size:180%;
padding-top:3px;
height:75px;
}

.subpage #content .sectionName {
font-size:135%;
}

.subpage #content .box510 .sectionName {
font-size:120%;
color:#78a8dc;
}

.subpage #content .box490 .sectionName {
font-size:80%;
color:#78a8dc;
}

.subpage #content h4 {
font-size:100%;
}

/*Globals
	________________________________________________________*/
.floatHack {
clear:both;
height:0;
border:none;
width:100%;
visibility:hidden;
margin:0;
padding:0;
}

img {
border:none !important;
}

a:hover {
color:#000;
text-decoration:none;
font-weight:700;
}

.button {
text-indent:-9999px;
overflow:hidden;
border:0;
margin:0;
padding:0;
}

.hybridbtn {
overflow:hidden;
border:0;
margin:0;
padding:0;
}

ul.bullets li {
list-style:url(../images/bullet.gif) outside;
margin:0 0 .5em 1em;
}

.quotelist div, .mobilefaq-quotelist div {
padding:30px;
}

.mobilefaq-quotelist div.floatHack {
padding:0px;
}

.mobilefaq-quotelist p {
padding: 2px 0 0 5px;
}

.quotelist div.alt, .mobilefaq-quotelist div.alt {
background:#eef7ff;
}

.quotelist div .by, .mobilefaq-quotelist div .by {
font-size:120%;
font-weight:700;
text-align:right;
}

.help_yel {
background:url(../images/help_yellow.jpg) no-repeat;
float:left;
height:27px;
width:22px;
margin:0 8px 22px 0;
}

.help_yel a,.help_yel a:link {
height:27px;
width:22px;
display:block;
}

.floatR {
float:right;
}

/*boxes
	________________________________________________________
 box510 (blue) */
.box510 {
background:#bcddff url(../images/box510_top.jpg) 0 0 no-repeat;
width:510px;
}

.box510 div.inner {
background:url(../images/box510_bot.gif) left bottom no-repeat;
padding:0 20px 20px;
}

.box510 h3 {
color:#6a9ed7;
margin-top:20px;
margin-bottom:10px;
}

.box510 .boxLeft {
float:left;
width:200px;
}

.box510 .boxRight {
float:right;
width:240px;
border-left:4px solid #bcddff;
padding-left:20px;
}

/* box810 (blue) */

.box810 {
width:810px;
margin:0px auto;
}

.box810 div.inner {
background:#c0dffe url(../images/box810_mid.gif) left top no-repeat;
padding:0 20px;
}

/* box540 (yellow) */
.box540 {
width:540px;
float:left;
}

.box540 .bot {
position:relative;
top:-3px;
}

.box540 div.inner {
background:url(../images/box540_mid.gif) 0 0 repeat-y;
padding:0 30px;
}

/* box840 (yellow) */
.box840 {
background:#ffd88b url(../images/box840_top.jpg) 0 0 no-repeat;
width:840px;
}

.box840 div.inner {
background:url(../img/box840L_mid.gif) 0 0 repeat-y;
padding:0 20px 20px;
}

/* box840 (light-yellow) */
.box840L {
background:url(../images/box840L_mid.jpg) 0 0 repeat-y;
width:840px;
}

/*.box840LBdr{
		position: relative;
		top: 20px;
		

	}*/
.box840L .inner {
position:relative;
z-index:200;
padding:0 30px 30px;
}

#reportbug #content .padd {
background:url(../images/reportbug_bg.gif) 570px 76px no-repeat;
}

#reportbug .box510 .inner {
padding-bottom:60px;
}

.formRow {
clear:left;
padding-bottom:3.5em;
}

.formRow .tight {
padding-bottom:-0.5em;
}

.formRow .notice {
color:#df0303;
font-weight:700;
}

.formRow p {
line-height:1.1em;
padding:-2px 0 0;
}


.box840L .formRow input,.box840L .formRow textarea {
width:400px;
border:1px solid #ffbc3a;
}

.sngleInput {
height:23px;
}

.formLabel,.formElement,.formHelp {
float:left;
}

.formLabel {
width:130px;
font-weight:700;
font-size:15px;
color:#555;
}

.formElement {
width:400px;
font-family:Arial, Helvetica, sans-serif;
}

.formHelp {
margin-left:11px;
width:229px;
font-size:90%;
}

#reportbug .submit input {
display:block;
width:141px;
height:46px;
border:0;
margin:22px 0 0 438px;
padding:0;
}

.notice .redAlert {
position:relative;
top:8px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
}

/* FAQ
_______________________________________________________*/
#faq .hand {
background:url(../images/faq_fin_bg.gif) right 0 no-repeat;
width:30px;
height:38px;
position:absolute;
right:330px;
top:268px;
}

#faq #penguins{
	float:left;	
	margin-left: 10px;
	width:290px;
}

#faq #content .padd {
/*background:url(../images/faq_bg_new.gif) 560px 1490px no-repeat;*/
}


#faq .box540 a {
background:url(../images/questionmark.gif) 0 0 no-repeat;
padding-left:16px;
margin-bottom:.3em;
display:block;
font-weight:700;
}

#faq .lastFaq {
margin-bottom:0 !important;
}

#faq .quotelist {
background:url(../images/bar840.gif) 30px 0 no-repeat;
}

#faq .backtop {
position:absolute;
right:0;
}

#faq .mobilefaq-quotelist .backtop {
position:relative;
right:0;
clear: both;
float: right;
}

#faq .backtop a:link,#faq .backtop a:visited {
display:block;
width:174px;
height:40px;
background:transparent url(../images/button_backtop.gif) 0 0 no-repeat;
border:0;
margin:0;
padding:0;
}

#faq .backtop a:hover {

background:transparent url(../images/button_backtop.gif) 0 -40px no-repeat;
}


#helpinside #flash_center {
display:block;
margin:0px auto;
width:760px;
}

#helpinside .backtop a {
display:block;
width:174px;
background:url(../images/button_backtop.gif) 0 0 no-repeat;
height:40px;
float:right;
margin:10px auto 30px 30px;
}

#helpinside .backtop a:hover,#helpinside .backtop a:active {
background-position:0 -40px;
}



#faq .myCart {
position:absolute;
right:0;
top:43px;
}

#faq .myCart a:link,#faq .myCart a:visited {
display:block;
width:190px;
height:46px;
background:transparent url(../images/button_mycart.gif) 0 0 no-repeat;
border:0;
margin:0;
padding:0;
}

#faq .myCart a:hover {
background:transparent url(../images/button_mycart.gif) 0 -46px no-repeat;
}

#faq .alt .backtop a:link,#faq .alt .backtop a:visited {
background:transparent url(../images/button_backtop_alt.gif) 0 0 no-repeat;
}

#faq .alt .backtop a:hover {
background:transparent url(../images/button_backtop_alt.gif) 0 -40px no-repeat;
}

#faq .hero {
background:url(img/faq_fin_bg.gif) right 0 no-repeat;
width:30px;
height:38px;
position:absolute;
right:330px;
op:288px;
}

#accolades #content .padd {
background:url(../images/accolades_testimonials_bg.gif) center 86px no-repeat;
min-height:320px;
}

#accolades .box540 .inner .header {
margin:0;
padding:5px 0 0;
}

#accolades .box540 {
position:relative;
top:13px;
}

#accolades .quotelist div {
padding-bottom:20px;
}

/* Help
_______________________________________________________*/
#help #content .padd {
background:transparent url(../images/helpTut_big.gif) no-repeat 299px 95px;
overflow:visible;
}

#help #content .colLeft {
float:left;
width:491px;
}

#help #content .colLeft .secHdr {
width:230px;
margin:10px 0 0;
}

#help #content .colLeft p {
width:200px;
line-height:1.3em;
}

#help #content .colRight {
position:relative;
float:right;
width:332px;
}

/* box332 (yellow) */
#help .box332 {
width:332px;
font-size:90%;
}

#help .box332bottom {
background-color:#FFF;
height:30px;
}

#help .box332 .top332 {
position:relative;
}

#help .box332 .inner {
position:relative;
background:url(../images/box332_mid.gif) 0 0 repeat-y;
padding:0;
}

#help .box332 .header {
font-size:80%;
color:#ff9a00;
width:170px;
}

#help .box332 p {
width:190px;
}

#help .box332 .item {
border-top:3px solid #ffd88b;
position:relative;
padding:20px;
}

#help .box332 .first {
padding-top:0;
border-top:none;
}

#help .box332 .last {
padding-bottom:0;
}

#help .box332 .inner .item img {
position:absolute;
top:16px;
right:20px;
}

/* box490 (blue) */
.box490 {
background:#bcddff url(../images/box490_top.jpg) 0 0 no-repeat;
width:490px;
}

.box490 div.inner {
background:url(../images/box490_bot.gif) left bottom no-repeat;
padding:0 20px 20px;
}

.box490 .header {
color:#6a9ed7;
margin-bottom:10px;
font-size:80%;
}

#help .box490 img {
float:right;
position:relative;
}

#help .box490 a {
background:url(../images/questionmark_blue.gif) 0 0 no-repeat;
padding-left:16px;
margin-bottom:.9em;
display:block;
font-weight:700;
}

/* watch tutorial button */
#help #content .watchTut a:link,#help #content .watchTut a,#help #content .watchTut a:visited {
display:block;
width:283px;
height:46px;
background:transparent url(../images/button_watchtut.gif) 0 0 no-repeat;
border:0;
margin:10px 0 30px;
padding:0;
}

#help #content .watchTut a:hover {
background:transparent url(../images/button_watchtut.gif) 0 -46px no-repeat;
width:283px;
height:46px;
}

/* read tutorials button */
#help #content .readTut a:link,#help #content .readTut a,#help #content .readTut a:visited {
display:block;
width:252px;
height:46px;
background:transparent url(../images/button_readtut.gif) 0 0 no-repeat;
border:0;
margin:10px 0 30px;
padding:0;
}


#help .tutorial_button{
	float: right;
	width: 148px;
	margin-right: 10px;
	padding-top: 45px;
	z-index: 500;	
}

#help #content .readTut a:hover {
background:transparent url(../images/button_readtut.gif) 0 -46px no-repeat;
width:252px;
height:46px;
}

/* go now yellow button */
#help #content .gonow a:link,#help #content .gonow a,#help #content .gonow a:visited {
display:block;
width:auto;
height:32px;
background:transparent url(../images/button_gonow.gif) 0 0 no-repeat;
border:0;
color:#F90;
font-weight:700;
margin:10px 0 0;
padding:0;
}

#help #content .gonow a:hover {
background:transparent url(../images/button_gonow.gif) 0 -32px no-repeat;
width:auto;
height:32px;
color:#7ca1c8;
}

#help #content .gonow .btnTxt {
display:block;
width:auto;
margin:0 0 0 47px;
padding:8px 0 0;
}
#haiti_inst {
	margin-left: 20px; 
	width: 280px;
}
#warmcoats_inst {
	margin-left: 0px; 
	width: 330px;	
}

/* go now yellow button for Haiti Fan Art */
#haiti_CTA .gonow a:link, #haiti_CTA .gonow a:visited, #haiti_inst .gonow a:link, #haiti_inst .gonow a:visited, #haiti_success .gonow a:link{
display:block;
width:auto;
height:28px;
background:transparent url(../images/button_gonow_haiti_CTA.gif) 100% 0 no-repeat;
border:0;
color:#33aaf7;
font-weight:700;
margin:95px 15px 0 0;
padding:0;
}

#haiti_CTA .gonow a:hover {
background:transparent url(../images/button_gonow_haiti_CTA.gif) 100% -28px no-repeat;
width:auto;
height:28px;
color:#47729a;
}

#haiti_CTA .gonow .btnTxt,#haiti_inst .gonow .btnTxt, .successgonow .btnTxt {
display:block;
width:auto;
margin:0 40px 0 0;
padding:4px 0 0;
text-align: right;
}

#haiti_inst .gonow a:link, #haiti_success .gonow a:link {
background:transparent url(../images/button_gonow_haiti_CTAw.gif) 100% 0 no-repeat;
margin:5px 15px 0 0 !important;
}

#haiti_inst .gonow a:hover, #haiti_success .gonow a:hover {
background:transparent url(../images/button_gonow_haiti_CTAw.gif) 100% -28px no-repeat;
width:auto;
height:28px;
color:#47729a;
}

#haiti_inst .gonow a:visited, #haiti_success .gonow a:visited {
background:transparent url(../images/button_gonow_haiti_CTAw.gif) 100% 0 no-repeat;
margin:5px 15px 0 0 !important;
height:28px;
}

.successgonow {
overflow:hidden;
}

.successgonow a {
display:block;
width:auto;
height:28px;
background:transparent url(../images/button_gonow_haiti_CTAw.gif) 100% 0 no-repeat;
border:0;
color:#33aaf7 !important;
font-weight:700;
margin:95px 15px 0 0;
padding:0;
}

.successgonow a:hover {
background:transparent url(../images/button_gonow_haiti_CTAw.gif) 100% -28px no-repeat;
width:auto;
height:28px;
color:#47729a;
}

/* tutorials button */
#help #content .tutorials a:link,#help #content .tutorials a,#help #content .tutorials a:visited {
display:block;
width:111px;
height:32px;
background:transparent url(../images/button_tutorials.gif) 0 0 no-repeat;
border:0;
margin-top:10px;
padding:0;
}

#help #content .tutorials a:hover {
background:transparent url(../images/button_tutorials.gif) 0 -32px no-repeat;
width:85px;
height:32px;
}

/* faq button */
#help #content .faq a:link,#help #content .faq a,#help #content .faq a:visited {
display:block;
width:50px;
height:32px;
background:transparent url(../images/button_faq.gif) 0 0 no-repeat;
border:0;
margin-top:10px;
padding:0;
}

#help #content .faq a:hover {
background:transparent url(../images/button_faq.gif) 0 -32px no-repeat;
width:50px;
height:32px;
}

/* tech questions button */
#help #content .techQuestions a:link,#help #content .techQuestions a,#help #content .techQuestions a:visited {
display:block;
width:180px;
height:32px;
background:transparent url(../images/button_techquestions.gif) 0 0 no-repeat;
border:0;
margin-top:10px;
padding:0;
}

#help #content .techQuestions a:hover {
background:transparent url(../images/button_techquestions.gif) 0 -32px no-repeat;
width:111px;
height:32px;
}

/* contact us button */
#help #content .contactUs a:link,#help #content .contactUs a,#help #content .contactUs a:visited {
display:block;
width:144px;
height:32px;
background:transparent url(../images/button_contactus.gif) 0 0 no-repeat;
border:0;
margin-top:10px;
padding:0;
}

#help #content .contactUs a:hover {
background:transparent url(../images/button_contactus.gif) 0 -32px no-repeat;
width:164px;
height:32px;
}

/* box840b (blue) */
.box840b {
background:#bcddff url(../images/box840b_top.jpg) 0 0 no-repeat;
width:840px;
font-size:90%;
position:relative;
}

.box840b div.inner {
background:url(../images/box840b_bot.gif) left bottom no-repeat;
padding:0 20px 20px;
}

/* box490 (yellow) */
.box490y {
background:#fff9b9 url(../images/box490_bg.gif) 0 0 repeat-y;
width:490px;
}

.box490y div.inner {
background:transparent url(../images/box490_botyel.gif) left bottom no-repeat;
padding:0 20px 10px;
}

.box490y .inner span.l {
float:left;
width:165px;
height:125px;

background:transparent url(../images/community_drawpenguin.gif) right top no-repeat;
margin:-11px 0 0;
padding:10px 100px 0 0;
}

.box490y .inner span.r {
float:right;
width:160px;
}

.box490y .flLeft {
float:left;
width:284px;
}

.box490y .flRight {
float:right;
padding:0 125px 0 0;
}

.box490y .header {
background:url(../images/box490_topyel.gif) 0 0 no-repeat;
color:#6a9ed7;
font-size:80%;
margin:0 0 10px;
padding:16px 0 0 20px;
}

#helpinside ul {
list-style:url(../images/bullet-orange.gif);
list-style-position:inside;
}

#helpinside .bullet_indent {
margin-left: 18px;
}

#helpinside #icon-menu {
width:100%;
float:left;
text-align:left;
position:relative;
padding:3px;
}

#helpinside #inside-left {
width:40%;
float:left;
text-align:left;
line-height:2;
margin:0;
padding:3px;
}

#helpinside #inside-right {
text-align:left;
line-height:2;
margin:0;
padding:3px;
}

#helpinside .content-left {
padding-top:15px;
margin-bottom:80px;
width:57%;
height:220px;
float:left;
text-align:left;
position:relative;
}

#helpinside .content-tall-left {
padding-top:15px;
width:57%;
height:450px;
float:left;
text-align:left;
position:relative;
}

#helpinside .content-right {
float:right;
text-align:left;
position:relative;
}

#helpinside .content-sm-left {
width:80%;
height:70px;
float:left;
text-align:left;
}

#helpinside .content-sm-right {
width:20%;
float:right;
text-align:right;
}

#helpinside #tutorials {
float:right;
position:relative;
text-align:center;
width:388px;
}

#helpinside .icon_left {
float:left;
height:40px;
}

#helpinside .icon_left_title {
float:left;
width:92%;
height:25px;
padding-top:15px;
}

#helpinside .contact-left {
width:70%;
height:200px;
float:left;
text-align:left;
}

#helpinside .contact-right {
float:right;
text-align:left;
height:200px;
width:30%;
padding-bottom:50px;
}

/* form inside
_______________________________________________________*/


#form .wait_time {
	width:385px;
	height:46px;
	border:0;
	float:left;
	position:relative;
	visibility:visible;
	padding:0;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #00529b;
}


#form ul {
list-style:url(../images/bullet-orange.gif);
}

#form .box510 {
padding-top:5px;
}

#form .submit input {
display:block;
width:141px;
height:46px;
background:transparent url(../images/button_submit.gif) 0 0 no-repeat;
border:0;
margin:22px 0 0 438px;
padding:0;
}

#form .billing input {
	display:block;
	width:141px;
	height:46px;
	background:transparent url(../images/button_submit.gif) 0 0 no-repeat;
	border:0;
	padding:0;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
}

#form .artwork input {
display:block;
width:141px;
height:46px;
border:0;
margin:22px 0 0 365px;
padding:0;
}

#form .error_icon {
float:left;
height:109px;
}

#form .error_message {
float:left;
margin-left:160px;
}

#form .errorbox {
float:none;
width:789px;
background-color:#ffbd38;
background-image:url(../images/errorbox_bkg2.gif);
background-repeat:repeat-x;
background-position:0 0;
}

#form .errorbox_inner {
vertical-align:top;
padding:0 20px 50px;
}

#form .errorbox_inner ul {
margin-left:100px;
margin-top:20px;
height:30px;
}

.asterisk {
color:#fff;
}

.updated {
font-size:10px;
}

#hdrWrap h1 a,#hdrWrap h1 a:link,#hdrWrap h1 a:visited,#hdrWrap h1 a:hover {
border:none;
text-decoration:none;
height:87px;
width:176px;
display:block;
}

#ftrContent ul li a.new:link,#ftrContent ul li a.new:visited,#ftrContent ul li a.new:active {
color:#fc0; /*can be used to change the color of the Privacy Policy and Terms of Use links in the footer when necessary*/
}

#ftrContent ul li a.new:hover {
color:#5ad0fa; /*can be used to change the color of the Privacy Policy and Terms of Use links in the footer when necessary*/
}



a:link,a:visited,a:active {
color:#00529b;
text-decoration:none;
font-weight:700;
}

.box540 div.header,.box840 h3,.box840L h3,.box840b h3 {
color:#6a9ed7;
padding-top:20px;
margin-bottom:10px;
}

#reportbug h2,#faq h2,#accolades h2,#help h2,#form h2 {
margin-bottom:60px;
}

#reportbug #content .padd .padd,#faq #content .padd .padd,#accolades #content .padd .padd,#form #content .padd .padd {
background:none;
}

#reportbug h3,#form h3 {
font-size:125% !important;
}

#reportbug h4,#faq h4,#form h4 {
color:#00529b;
font-size:120% !important;
font-weight:700;
}

#reportbug .box510,#faq .box540,#help .box490 {
padding-top:20px;
}

#reportbug .box510 img,#form .box510 img {
float:left;
margin-left:10px;
}

#reportbug .box510 p,#reportbug .box510 h3,#form .box510 p,#form .box510 h3 {
margin-left:160px;
}

#reportbug .box840L .inner,#form .box840L .inner {
position:relative;
padding-top:20px;
}

#reportbug .box840L .box840Lbot,#form .box840L .box840Lbot {
position:relative;
top:3px;
}

#reportbug .formTitle,#form .formTitle {
background:url(../images/reportbug_form_bg.gif) 30px bottom no-repeat;
padding:70px 0 .2em 130px;
}

#reportbug .formTitle h3,#form .formTitle h3 {
margin:0 0 10px 25px;
}

#reportbug .submit input:hover,#form .submit input:hover {
background:transparent url(../images/button_submit.gif) 0 -46px no-repeat;
}

#faq h3,#accolades h3,#help h3 {
font-size:140% !important;
}

#accolades #content .padd .pageName,#help #content .padd .pageName {
height:74px;
}

#accolades h4,#help h4 {
color:#00529b;
font-size:135% !important;
font-weight:700;
margin:0;
padding:0 0 5px;
}

#accolades p,#help p {
line-height:150%;
margin:0;
}

.box490 p,.box490y p {
font-size:90%;
}

#helpinside ol,#form ol {
list-style-type:decimal;
list-style-position:inside;
}

#helpinside p,#form p {
line-height:100%;
margin:3px 0 7px;
}

#helpinside .divider,#form .divider {
background:url(../images/divider.gif) no-repeat;
margin-top:20px;
padding:15px;
}

#helpinside table.center,#form table.center {
text-align:center;
margin-left:60px;
}

#helpinside table.center td,#form table.center td {
text-align:center;
}

#helpinside table.centerleft,#form table.centerleft {
text-align:left;
margin-left:150px;
}

#helpinside table.characters {
margin-left:40px;
}


#helpinside .menu a,#acctpadd .menu a,#form .menu a {
display:block;
width:174px;
background:url(../images/button_backtop.gif) 0 0 no-repeat;
height:40px;
float:right;
margin:30px auto 30px 30px;
}

#helpinside .menu a:hover,#helpinside .menu a:active,#acctpadd .menu a:hover,#acctpadd .menu a:active,#form .menu a:hover,#form .menu a:active {
background-position:0 -40px;
}

#helpinside .space,#form .space {
padding:7px;
}

#form #content .padd,#form .box510 .inner {
padding-bottom:80px;
}

#mem_in li,ol,ul {
border:none;
list-style-image:url(../images/bullet-orange.gif);
list-style-position:inside;
margin:0;
padding:0;
}

table.payments, table.payments td{
	font:90% Arial, Helvetica, sans-serif; 
	line-height: 3.5em;
}

table.payments tr{
	 
}

table.payments {width:100%;border-collapse:collapse;margin:.5em 0;}
table.payments th,  table.payments td{text-align:center;padding:.1em;border:1px solid #bfdfff;}
table.payments th{background:transparent;color:#666;padding-bottom: 5px;}
table.payments td{background:#ddedff; height: 38px;}

table.payments tfoot th {
border: 0px;
padding-top: 20px;
font-weight: normal;
}

table.payments tbody th {
vertical-align: bottom; border-top: 0px;
}

table.payments tbody th.first {
vertical-align: bottom; border-top: 0px; border-left: 0px;
}

table.payments tbody th.last {
vertical-align: bottom; border-top: 0px; border-right: 0px;
}

table.payments tr.even td{background: transparent;}
table.payments tr.odd td{background: transparent;}

.currencytype {
  color: #333;
  }  

.miniCurrencyCaption {
font-size: 9px; font-family: arial;
}

/*  new fan art and patw submit pages  */

#submit_fanart{
	background-image: url(../images/submit_fanart_bg.jpg);
	background-repeat:no-repeat;
	width:842px;
	height:667px;
	margin-top:-50px;
}

#submit_patw{
	background-image: url(../images/submit_patw_bg.jpg);
	background-repeat:no-repeat;
	width:842px;
	height:667px;
	margin-top:-50px;
}

#submit_fanart .instructions, #submit_patw .instructions, #submit_haiti .instructions{
	position:relative;
	top: 35px;
	left: 200px;	
	width: 625px;
}

#submit_fanart .instructions .steps, #submit_patw .instructions .steps, #submit_haiti .instructions .steps{
	font-size:12px;
	margin-top:20px;
}
#submit_patw .submit_form_left{
	float:left;
	width:400px;
	height:350px;
	margin:50px 0 0 35px;
}

#submit_fanart .submit_form_left, #submit_haiti .submit_form_left{
	float:left;
	width:400px;
	height:350px;
	margin:70px 0 0 35px;
}

#submit_fanart .submit_form_left .inner, #submit_patw .submit_form_left .inner{
	margin: 90px 0 0 25px;
}
#submit_fanart .submit_form_left .haiti_inner{
	margin: 25px 0 0 25px;
}
#haiti_CTA {
	background:transparent url('/pt/images/haiti_CTA_bg.gif') 0 0 no-repeat;
	height: 138px;
	width: 368px;
	margin-left: 11px;
}
#haiti_thx {
	background:transparent url('/pt/images/haiti_thx_bg.gif') 0 0 no-repeat;
	height: 177px;
	width: 438px;
	margin-left: -21px;
}
#submit_fanart .submit_form_left .inner .agree_txt, #submit_patw .submit_form_left .inner .agree_txt, #submit_fanart .submit_form_left .haiti_inner .agree_txt{
	width: 220px; 
	float:left; 
	margin:20px 0 0 10px;
	font-size:12px;
}

#submit_fanart .submit_form_left .inner .artwork, #submit_patw .submit_form_left .inner .artwork {
display:block;
width:141px;
height:46px;
border:0;
margin-top:35px;
margin-left:0px;
padding:0;
}

#submit_fanart .submit_form_left .haiti_inner .artwork{
display:block;
width:141px;
height:46px;
border:0;
margin-top:10px;
margin-bottom:15px;
margin-left:0px;
padding:0;
}
#submit_fanart .submit_form_right, #submit_haiti .submit_form_right{
	float:left;
	height:350px;
	width:300px;
	margin: 150px 0 0 15px;
}

#submit_patw .submit_form_right{
	float:left;
	height:350px;
	width:300px;
	margin: 135px 0 0 15px;
}

#submit_fanart .submit_form_right ul.check, #submit_haiti .submit_form_right ul.check {
	list-style-image:url(../images/check.gif);
	list-style-position: outside;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:10px;
	font-size:12px;
}

#submit_patw .submit_form_right ul.check{
	list-style-image:url(../images/check.gif);
	list-style-position: outside;
	margin-left:30px;
	margin-bottom:10px;
	font-size:12px;
}
#submit_fanart .submit_form_right .check p, #submit_fanart .submit_form_right .ex p, #submit_haiti .submit_form_right .check p, #submit_haiti .submit_form_right .ex p, #submit_patw .submit_form_right .check p, #submit_patw .submit_form_right .ex p{
	margin: 0 0 5px 15px;
	line-height: 12pt;
	
}

#submit_fanart .submit_form_right ul.ex, #submit_haiti .submit_form_right ul.ex, #submit_patw .submit_form_right ul.ex{
	list-style-image:url(../images/ex.gif);
	list-style-position: outside;
	margin-left:30px;
	margin-bottom:10px;
	font-size:12px;
}

.bulletlist p {
text-align:left;
background-image:url(../images/bullet-orange.gif);
background-repeat:no-repeat;
list-style-type:none;
padding-left:20px;
padding-bottom:8px;
margin-left:25px;
}

.haiti_numlist, .warmcoats_numlist {
	list-style-type:decimal; 
	list-style-image: url(); 
	list-style-position: outside !important; 
	margin-left: 25px;
}
.haiti_numlist li, .warmcoats_numlist li {
	margin-bottom: 10px;
}

.warmcoats-lead-in, .warmcoats-thankyou {
	font-size: 16px;
	color: #03539c;
	width: 350px;	
}

.warmcoats-thankyou {
	font-size: 22px;
	width: 390px;
}

/* go now yellow button for Haiti Fan Art Thanks  */
#haiti_thx .gonow a:link, #haiti_thx .gonow a:visited {
display:block;
width:auto;
height:28px;
background:transparent url(../images/button_gonow_haiti_CTA.gif) 100% 0 no-repeat;
border:0;
color:#33aaf7;
font-weight:700;
margin:115px 35px 0 0;
padding:0;
}

#haiti_thx .gonow a:hover {
background:transparent url(../images/button_gonow_haiti_CTA.gif) 100% -28px no-repeat;
width:auto;
height:28px;
color:#47729a;
}

#haiti_thx .gonow .btnTxt,#haiti_inst .gonow .btnTxt, .successgonow .btnTxt {
display:block;
width:auto;
margin:0 40px 0 0;
padding:4px 0 0;
text-align:right;
}

#pufflesLeftColumn {
	float:left;
	width:675px;
	margin:0 50px 0 0;
}

.minigame li{
	background:url(../images/minigame-bullet.png) 0 6px no-repeat;
	list-style-image:none;
	list-style-type:none;
	padding-left:20px;
	}

/* Help Tut Section */

#helptut #flash_center {
	display:block;
	width: 780px;
	height:500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../toys/images/flash_bkg.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 10px;
}

#cpshop #toyBrowser {
	margin-left:-20px;
}

#helptut ol, #form ol {
list-style-position:inside;
list-style-type:decimal;
}
#helptut p, #form p {
line-height:115%;
margin:1px 0pt 7px;
}

#penguins img {
margin: 50px 0 0 30px;	
}

#helptut .bulletlist p {
	background-image:url('http://media2.clubpenguin.com/www/pt/images/bullet-orange.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	margin-left:25px;
	padding-bottom:8px;
	padding-left:20px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

#helptut table.center, #form table.center {
margin-left:60px;
text-align:center;
}
#helptut table.center td, #form table.center td {
text-align:center;
}
#helptut table.centerleft, #form table.centerleft {
margin-left:150px;
text-align:left;
}

#helptut .menu a, #acctpadd .menu a, #form .menu a {
	display:block;
	float:right;
	height:40px;
	margin:30px auto 30px 30px;
	width:174px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('/pt/images/button_backtop.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#helptut .menu a:hover, #helpinside .menu a:active, #acctpadd .menu a:hover, #acctpadd .menu a:active, #form .menu a:hover, #form .menu a:active {
background-position:0pt -40px;
}

#helptut .space, #form .space {
padding:7px;
}

#helptut ul {
list-style-image:url('http://media2.clubpenguin.com/www/pt/images/bullet-orange.gif');
list-style-position:inside;
list-style-type:disc;
}



#helptut #icon-menu {
float:left;
padding:3px;
position:relative;
text-align:left;
width:100%;
}
#helptut #inside-left {
float:left;
line-height:2;
margin:0pt;
padding:3px;
text-align:left;
width:40%;
}
#helptut #inside-right {
line-height:2;
margin:0pt;
padding:3px;
text-align:left;
}
#helptut .content-left {
float:left;
height:220px;
padding-top:15px;
position:relative;
text-align:left;
width:57%;
}
#helptut .content-tall-left {
float:left;
height:450px;
padding-top:15px;
position:relative;
text-align:left;
width:57%;
}
#helptut .content-right {
float:right;
position:relative;
text-align:left;
}
#helptut .content-sm-left {
	float:left;
	height:160px;
	text-align:left;
	width:460px;
	background-image: url(../clubpenguinshop/images/divider.gif);
	background-repeat: no-repeat;
	background-position: 0px 190px;
}

#helptut .content-sm-left .numbers {
	float:left;
	height:170px;
	text-align:left;
	width:10%;
	padding-top:-2px;
	font-weight: bold;
	font-size: 20px;
	color: #00529b;
}

#helptut .content-sm-right {
	float:right;
	text-align:left;
	width:40%;
	height: 200px;
	margin-bottom: 20px;
}

#helptut .divider, #form .divider {
	margin-top:20px;
	padding:15px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../clubpenguinshop/images/divider.gif);
	background-repeat: no-repeat;
	background-position: 0%;
}

#warmcoats_inst p{
	line-height: 18px;
}
/*
#howtodraw{
	width: 476px;
	position: relative;
	float: right;
	clear: both;
	font-size: 12px;
	margin: -109px 0 15px;
}
*/
#howtodraw {
	width: 476px;
	position: relative;
}

#howtodraw p{
	position: absolute;
	float: left;
	clear: both;
	font-size: 13px;
	left: 760px;
	width: 210px;
}

#howtodraw-btn a:link,#howtodraw-btn a:visited {
display:block;
width:241px;
height:62px;
background:transparent url(../images/button_how_draw_penguin.png) 0 0 no-repeat;
border:0;
padding: 0 20px 0 0;
position: relative;
float: left;
margin-bottom: 20px;
}

#howtodraw-btn a:hover {
background:transparent url(../images/button_how_draw_penguin.png) 0 -62px no-repeat;
width:241px;
height:62px;
padding-right: 20px;
margin-bottom: 20px; 
}

#helptut #tutorials {
float:right;
position:relative;
text-align:center;
width:388px;
}
#helptut .icon_left {
float:left;
height:40px;
}
#helpinside .icon_left_title {
float:left;
height:25px;
padding-top:15px;
width:92%;
}
#helptut .contact-left {
float:left;
height:200px;
text-align:left;
width:70%;
}
#helptut .contact-right {
float:right;
height:200px;
padding-bottom:50px;
text-align:left;
width:30%;
}

/*__---TECHNICAL/BILLING FORM FIX---__*/

#linebr {margin-left:130px;} 

p.pindent {padding:0 0 0 130px;}

.vortex20 {padding-left:18px;}