.formWrap{width: 426px;}
.form{width: 405px;}
.formOptions{width:387px;}
.formContact{width: 420; border:solid 1px black; margin-top:0px; padding-top:0px;}

/*** MY KEWLBOX ***/
#contentarea {background: none; width: 724px; margin-left: 16px; margin-right: 6px; padding-bottom:20px;}
#detail_boxes {float: left; width: 260px; margin: 15px 2px 0 0; position:relative;}
/*p, td {font-size: 11px;}*/

/* NAVIGATION */
#mykbNav {
	width: 755px;  height: 40px;
	background: url(../images/mykb/nav_mykb.gif);
	margin: 0 0 0 5px; padding: 0;
	position: relative;clear:left;}
#mykbNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#mykbNav li, #mykbNav a {height: 40px; display: block;}

#navKBHome {left: 0; width: 163px; text-indent: -8000px;}
#navProfile {left: 163px; width: 37px; text-indent: -8000px;}
#navPersonalize {left: 200px; width: 66px; text-indent: -8000px;}
#navKredits {left: 266px; width: 77px; text-indent: -8000px;}
#navKBPurchases {left: 343px; width: 68px; text-indent: -8000px;}
#navScores {left: 411px; width: 49px; text-indent: -8000px;}

#navKBHome a:hover {background: transparent url(../images/mykb/nav_mykb.gif) 0 -40px no-repeat;}
#navProfile a:hover {background: transparent url(../images/mykb/nav_mykb.gif) -163px -40px no-repeat;}
#navPersonalize a:hover {background: transparent url(../images/mykb/nav_mykb.gif) -200px -40px no-repeat;}
#navKredits a:hover {background: transparent url(../images/mykb/nav_mykb.gif) -266px -40px no-repeat;}
#navKBPurchases a:hover {background: transparent url(../images/mykb/nav_mykb.gif) -343px -40px no-repeat;}
#navScores a:hover {background: transparent url(../images/mykb/nav_mykb.gif) -411px -40px no-repeat;}


/* AVATAR */
  #avatarLayers{height: 404px; width:259px; overflow:hidden; position:relative;}
  #avatarLayers img {height: 404px; width:259px;}
  #avatarLayers div {height: 404px; width:259px;}
  .avatarCharacter {overflow:hidden; position:absolute; top:-2px; left:0px;}
  .avatarFrame{background: url(../images/mykb/avatarFrame.gif) no-repeat; position:absolute; top:0; left:0;}
  .avatarFrame a {display: block; width: 100%; height: 100%; text-indent: -5000px;}


/* BOX WITH TABLE
  .box_table {position:relative; top:5px; overflow:hidden;}
  .box_table table {margin-left: 11px; background: transparent;}
  .box_table td {height: 1em; line-height: 1em; vertical-align: top;}
  .box_table td.key {color: #999;}
  .box_table td.value, .box_table td.value a {color: #fff;}
 */
/* BOX WITH TABLE */
	.box_table table {margin: -5px 0 0px 7px;  background-color:Transparent; width:230px; }
	.box_table td { vertical-align: top; padding-right: 3px; padding-left:0px;}
	.box_table td.key {color: #999; width: 95px; text-align: right;}
	.box_table td.value, .box_table td.value a {color: #fff; width: 140px; overflow:hidden; }

  .aboutMeFields {overflow:auto; padding-left: 6px;}
  .aboutMeFields .key {float:left; color: #999; width: 94px; text-align: right;}
  .aboutMeFields .value {float:left; color: #fff; width: 145px; padding-left: 6px; overflow:hidden; }

/* PLAYER DETAILS BOX 
  #playerdetails {margin-top: 3px; width: 259px; height: 170px;  border: solid 0px black;
	  background: url(../images/mykb/box_playerdetails.png) no-repeat;padding-top: 59px;}
  #playerdetails .box_table table { }
  #playerdetails .box_table td.key {padding-right: 2.7em;}*/

/* PLAYER DETAILS BOX */
  #playerdetails {margin-top:3px;  width: 259px; border: solid 0px black;
	   background: url(../images/mykb/box_background.png) repeat-y; }

/* FAVORITES BOX */
  #favorites {margin-top: 3px; width: 259px; height: 143px; 
	  background: url(../images/mykb/box_favorites.png) no-repeat;}
  #favorites div {padding: 60px 0 0 12px;}
  #favorites img {margin-left: 7px;}


/* EDIT PROFILE */
  .profileExpandCollapseContainer { height:15px; padding:5px 5px 5px 5px; width:97%; text-align:right; }
  .profileExpandCollapseContainer a { font-weight:bold; font-size:smaller; color:#0088FF; }
  .profileExpandCollapseButton { float:right; cursor:pointer; border:solid 2px #ccc; height:12px; width:12px; text-align:center; font-size:10px; font-weight:bold; }

  .aboutDetailEntryContainer { overflow:auto; width:100%; margin:2px 0px 2px 0px; }
  .aboutDetailEntryContainer div { float:left; }
  .aboutDetailEntryContainer .field { width:100px; text-align:right; margin-right:2px; }
  .aboutDetailEntryContainer .value { width:270px; margin-left:2px; }

  textarea.growfield { width: 265px; height: 25px;  border: 1px solid #ccc; background-color: #fafafa; }
  #tooltip { position: absolute; z-index: 3000; border: 3px solid #fff; background-color: #44433E; padding: 3px; opacity: 1.00; color:#fff; }
  #tooltip h3 { color:#fff; font-weight:bold; text-indent: 0px; width: 0px;  height: 0px; margin: 0px; padding: 0px; position: relative; left: auto; font-size:1em; }
  #tooltip h3, #tooltip div { margin: 0; }
  

  #editprofile {float: left; width: 455px; margin: 1px 0 0 1px; 
	  _margin: 1px 0 0 0; _position: relative; _left: 1px; padding:0 0 0 18px; _padding: 0; border: none 0px yellow;}
  #editprofile #table_head {padding: 0; margin: 14px 0 1px 0; _margin:14px 0 -1px 0px;}

/* #editprofile .instructions {position: relative; _margin: -32px 0 32px 0; margin-left: 1px; padding:22px 15px 2px 15px; width:424px; background-color:#f6f5f5;}*/

  #profile_subnav {padding: 0; margin: 0 0 0 1px; width: 454px; height: 28px; border: solid 0px green;}

  .editdetails #profile_subnav {background: url(../images/mykb/tab_editplayerdetails.png) no-repeat;}
  .changepass #profile_subnav {background: url(../images/mykb/tab_changepassword.png) no-repeat;}
  .managesubscriptions #profile_subnav {background: url(../images/mykb/tab_managesubscriptions.png) no-repeat;}

  #profile_subnav div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
  #profile_subnav #editdetails {width: 100px; height: 20px; position: relative; left: 123px;}
  #profile_subnav #changepass {width: 100px; height: 20px; position: relative; top: -20px; left: 227px;}
  #profile_subnav #managesubscriptions {width: 119px; height: 20px; position: relative; top: -40px; left: 331px;}

  /*.error {color: #66130b; background-color: #e3be8d; margin: 0 0 3px 0; padding: 5px; width: 477px; list-style: none; text-align:left;}
  .error li {list-style: none;color: #66130b;}*/
.margin1 {
    margin-left:1px;
    }
.profileWrap {
    margin: 0px 0px 0px 1px; padding: 5px 0px;
    background-color:#f6f5f5;
    height:100%; width:454px;
    _margin-top: -32px;
    }
.profileWrap p {
margin:5px 15px 5px 15px;
    }
/*-- LET'S TALK ABOUT YOU */
 /* #letstalkaboutyou {position:relative; margin:-15px 0 0px 0px; padding:0px 15px 2px 15px;  background-color:#f6f5f5; margin-left:1px;}
 #letstalkaboutyou .wrap {position: relative; top: 84px; left: 23px;}

  #letstalkaboutyou div div {height: 24px; padding: 1px;}
  #letstalkaboutyou select {width: 225px; border: 1px solid #ccc; background-color: #f8f8f8;}
  #letstalkaboutyou #gender {background: url(../images/mykb/gender.png) no-repeat;}

  #letstalkaboutyou #birthdate {background: url(../images/mykb/birthdate.png) no-repeat;}
  #letstalkaboutyou #month select, 
  #letstalkaboutyou #day select,
  #letstalkaboutyou #year select {width: 111px; _width: 111px;}
  #letstalkaboutyou #month,
  #letstalkaboutyou #day,#letstalkaboutyou #year {float: left;}
  #letstalkaboutyou #month, #letstalkaboutyou #year, #letstalkaboutyou #day {padding: 0 3px 0 0;}

  #letstalkaboutyou #marital {background: url(../images/mykb/maritalstatus.png) no-repeat;}
  #letstalkaboutyou #education {background: url(../images/mykb/education.png) no-repeat;}
  #letstalkaboutyou #occupation {background: url(../images/mykb/occupation.png) no-repeat;}

  #letstalkaboutyou_foot {margin-left:1px; height: 70px; background: url(../images/mykb/letstalkaboutyou_foot.png) no-repeat;}
  #letstalkaboutyou_foot input {width: 80px; height: 25px; position: relative; left: 360px;}
  #letstalkaboutyou_foot div {width: 87px; height: 10px; position: relative; top: 19px; left: 247px;}
  #letstalkaboutyou_foot div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}*/


/*-- CONTACT INFORMATION */
  /*.contactInstructions {position:relative; margin:-15px 0 0px 0px; padding:0px 15px 2px 15px;  background-color:#f6f5f5; margin-left:1px; }
  #contactinfo {position:relative; margin:-15px 0 0px 0px; padding:0px 15px 2px 15px;  background-color:#f6f5f5; margin-left:1px;}/*height: 295px;
   #contactinfo .wrap {padding:59px 0 0 23px;}
  #contactinfo div div {height: 24px; padding: 1px;}
  #contactinfo .error {padding:0 0 0 5px;}
  #contactinfo input, #contactinfo select {width: 225px; border: 1px solid #ccc; background-color: #f8f8f8;}
 #contactinfo input {height:1.8em; padding }*font-size: 1.4em;

  #contactinfo input {width: 225px; height: 10px; padding: 4px 0 4px 3px; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;}

  #contactinfo #firstname {background: url(../images/mykb/firstname.png) no-repeat;}
  #contactinfo #lastname {background: url(../images/mykb/lastname.png) no-repeat;}
  #contactinfo #email {background: url(../images/mykb/email.png) no-repeat;}
  #contactinfo #address {background: url(../images/mykb/address.png) no-repeat;}
  #contactinfo #address2 {background: url(../images/mykb/addresscont.png) no-repeat;}
  #contactinfo #city {background: url(../images/mykb/city.png) no-repeat;}
  #contactinfo #state {background: url(../images/mykb/state.png) no-repeat;}
  #contactinfo #country {background: url(../images/mykb/country.png) no-repeat;}
  #contactinfo #zipcode {background: url(../images/mykb/zipcode.png) no-repeat;}

  #contactinfo_foot {height: 118px; background: url(../images/mykb/contactinfo_foot.png) no-repeat; border:none; margin-left:1px;}
  #contactinfo_foot input {width: 80px; height: 25px; position: relative; left: 360px;}*/


/*-- CHANGE PASSWORD 
  #changepassword {padding: 10px 0 0 0; _margin-top:-33px;  margin-left:1px; background-color:#f6f5f5;}*/
  
  /*position: relative; top: 70px; left: 23px;*/
   /*#changepassword .wrap { width:410px; border:none; 
  
 #changepassword .error { width:400px; }
  .passwordControls div {height: 24px; padding: 1px;}
  .passwordControls div input {width: 225px; border: 1px solid #ccc; background-color: #f8f8f8; font-size: 1.4em;}

  #changepassword #currentpassword {background: url(../images/mykb/currentpassword.png) no-repeat;}
  #changepassword #newpassword {background: url(../images/mykb/newpassword.png) no-repeat;}
  #changepassword #newpassword_retype {background: url(../images/mykb/newpassword_retype.png) no-repeat;}

  #changepassword_foot {height: 118px; background: url(../images/mykb/changepassword_foot.png) no-repeat; margin-left:1px;}
  #changepassword_foot input {width: 80px; height: 25px; position: relative; left: 360px;}*/


/*-- MANAGE SUBSCRIPTIONS  
  .managesubscriptions #profile_subnav {background: url(../images/mykb/tab_managesubscriptions.png) no-repeat; margin-left:1px;}
  #emailoptions {padding: 10px 0 0 0; _margin-top:-33px;  margin-left:1px; background-color:#f6f5f5;} */
 /* #emailoptions .wrap {position: relative; top: 70px; left: 23px;}

  #emailoptions #subscribe_checkbox {background: url(../images/mykb/receivekewlnews.gif) no-repeat;
	  height: 17px; padding-top: 3px; _padding-top: 0;}
  #emailoptions p {line-height: 1.5em; margin: 0 0 1em 27px; width: 370px;}
  #emailoptions a {color: #000;}

  #emailoptions_foot {height: 118px; background: url(../images/mykb/emailoptions_foot.png) no-repeat;}
  #emailoptions_foot input {width: 80px; height: 25px; position: relative; left: 360px;}*/

/*-- MY KEWL KREDITS
  #table_head, .table_head9 {margin: -6px 0 1px -1px;} */
  #mykewlkredits {float: left; width: 457px; margin: 15px 0 0 1px;
	  _margin-left: 0; _position: relative; _left: 1px;} 

  #mykewlkredits table {width: 454px; border-collapse: collapse; margin: 0px 0px 0px 1px;}
  #mykewlkredits  .Rowback { vertical-align:middle; height:30px; background: url(../images/mykb/mykewlkredits_tablerow.png) no-repeat;background-color:#ffffff; width: 100%;}	
  #mykewlkredits  .RowbackAlt { vertical-align:middle; height:30px; background: url(../images/mykb/mykewlkredits_tablerow-A.png) no-repeat; background-color:#dadad9; width: 100%;}	
  #mykewlkredits td, #mykewlkredits th { height: 18px; padding: 9px 0 0 0; _padding-top: 9px;}
  #mykewlkredits th {display: none;}

  #mykewlkredits td.date {width: 80px; padding-left:4px;}
  #mykewlkredits td.action {width: 257px;}
  #mykewlkredits td.kredits {width: 50px; text-align: right; padding-right: 30px;}
  #mykewlkredits td.balance {font-weight: bold; text-align: right; padding-right: 15px; }

  #mykewlkredits tr.latest td {color: #900;}
  #mykewlkredits tr.inactive td {color: #999;}
  
  #mykewlkredits .content{background-color: #d6d6d5; width: 433px; margin: 0px 1px 0px 1px; padding: 6px 6px 6px 15px;}

  .noData {width: 434px; text-align:center; background-color: #d6d6d5; margin: 0px 0 0 1px; padding:10px;}
  .table_head {padding:0px; margin:0px 0px -3px 0px;}

/*-- MY SCORES */
  #myscores { border:none; float: left; width: 457px; margin: 15px 0 0 1px; padding:0px; } 
  #myscores img {padding:0px; margin:0px;} 
  #myscores .table_head {padding:0px; margin:0px 0px -3px 0px;}

	#myscores #divUserName{background-color: #d6d6d5; width: 434px; margin: -3px 1px 0 1px; font-size:11px; padding: 0 5px 5px 15px;}
  #myscores #divUserName .labelUserName {font-size: 12px; font-weight: bold;}

  #myscores #sortbycontainer {position:absolute; top:10px; right:10px; height:25px; width: 215px;}
  #myscores #sortbyprogress {position:absolute; top:10px; right:10px; z-index:100; height:25px; width: 175px; padding-right:40px; text-align:right; background-color:#DADAD9;}
	/*  */
 /* #myscores table.scores {width: 457px; border-collapse: collapse;
	  background: url(../images/mykb/myscores_tablerows_labels.png) repeat-y; border:none; margin:0 0 0 1px;}*/
	  
	#myscores .scores { width: 454px; border-collapse:collapse;  border:solid 0px lime; margin:0 0 0 1px; padding:0px;} 
	tr.score {background: url(../images/mykb/myscores_tablerows_labels.gif) no-repeat; background-color:#ffffff; height:115px; width:100%;}
	tr.scoreAlt{background: url(../images/mykb/myscores_tablerows_labels-A.gif) no-repeat; background-color:#dadad9; height:115px; width:100%;}
  #myscores td.scoreCell{height: 115px; vertical-align: top;}
  #myscores .scoreTable {height: 115px; margin-top:10px;}
  #myscores .scoreTable td { border:solid 0px green; padding:0px; margin:0px; vertical-align:top;}
  
  #myscores .game_icon {float: left; width: 78px; margin: 3px 0 0 2px;}
  #myscores .game_icon img {}
  #myscores .divGameIcon {height:64px; width: 64px; border: solid 1px #45443F;float:left; margin:3px 0px 5px 0;}
  

  #myscores .scoreTable .game_name { height:26px; width:100%; border:solid 0px green; }
  #myscores .scoreTable .game_stats { height:80px; width:120px; border:solid 0px green;}
  #myscores .scoreTable .game_stats .avgScore { padding-top:18px;}
  #myscores .scoreTable .game_scores table {  border:solid 0px green; }
  #myscores .scoreTable .game_scores table .score { width:168px;}
  /* #myscores .game_name {border:none 1px red ; height:20px; overflow:hidden; padding:6px 0 0 15px;_padding:6px 0 0 10px;}*/
  /*#myscores h3 {font-family: arial, sans-serif; font-size: 1.5em; line-height: 1em; padding:0 0 0 0; margin:0 0 0 0;}*/

 /* #myscores .game_stats {float: left; margin: 3px 0 0 4px; width:70px;}
  #myscores .game_stats .times_played { border:none 1px black; margin-top: 5px; padding:0 0 0 10px;}
  #myscores .game_stats .average_score {border:solid 0px black; margin-top: 0px; position:relative; top:10px; _top:-5px; left:10px;}*/

  #myscores .best_scores {border:none; width:225px; position:relative; left:73px;top:0px;}
  #myscores .best_scores table {margin: 10px 0 0 0px; border-collapse: collapse;width:225px;}
  #myscores .best_scores table th {display: none;}
  #myscores .best_scores table td {padding: 0; height: 1em; line-height: 1.4em;}
  #myscores .best_scores table td.date {text-align: right; width: 181px;}


/*-- MY PURCHASES */
  #mypurchases { float: left; width: 457px; margin: 15px 0 0 1px; padding:0 0 0 0;} 
 
  #mypurchases table {width: 454px; border-collapse: collapse; margin:0px 0 0 1px;} /* accounting for removing the top paging */
  #mypurchases td, #mypurchases th {vertical-align: top; padding: 8px 0 0 0;}
  #mypurchases td.row_odd {background: url(../images/mykb/mypurch_tablerow_wh_labs.png) no-repeat #fff;overflow: hidden;}
  #mypurchases td.row_even {background: url(../images/mykb/mypurch_tablerow_gray_labs.png) no-repeat #e0e0df;}

  #mypurchases .order {float: left; width: 140px; margin-left: 6px; border:none;}
  #mypurchases .order .date {margin: 18px 0px 9px 0; border:none;}
  #mypurchases .order .order_number {border: none; position:relative; }
  #mypurchases .items {border:none; margin:0 0 10px 0px; }
  #mypurchases .items table {margin-top: 20px; border-collapse: collapse; width: 293px;}
  #mypurchases .items table td {padding: 0 0 .5em 0; height: 1em; line-height: 1.1em;}
  #mypurchases .items .code {text-align: right;}
  #mypurchases .print {float: right; margin: 0 5px 0px 0; border:none;}


/*-- PERSONALIZE MY SPACE */
  #personalizemyspace {float: left; width: 457px; margin: 15px 0 0 1px; }
  #personalizemyspace .table_head{margin:0 0 0 1px;}
  #personalizemyspace .paging{margin:0 0 0 2px;}
  #personalizemyspace .table_foot{margin:0 0 0 2px;}
  #personalizemyspace .instructions {margin:0 0 0 2px; padding:2px 0 2px 5px; width:449px; background-color:#f6f5f5;}
	#personalizemyspace .backgroundImage {height:118px; width:74px; overflow:hidden; border:solid 1px }
	#personalizemyspace .backgroundImageFrame {height:118px; width:74px;  background: url(../images/mykb/personalizeAvatarFrame.gif) no-repeat; position:relative; top:-118px; }
  #personalizemyspace #backgrounds {border:solid 0px red; float: left; width:454px; background: url(../images/mykb/persmyspace_tablerow.png) repeat-y; margin:-0px 0 0 1px;}
  #personalizemyspace #bgs_container { border:none 1px blue; width:440px; padding:0 0 0 12px;}
  #personalizemyspace .background {float: left; width: 74px; height: 165px; padding: 21px 12px 0 0; text-align: center;}
  
  #personalizemyspace #avatars {border:solid 0px red; float: left; width:454px; background: url(../images/mykb/persmyspace_tablerow.png) repeat-y; margin:-0px 0 0 2px; _margin-left:1px;}
  #personalizemyspace #ava_container { border:none 1px blue; width:440px; padding:0 0 0 12px;}  
  #personalizemyspace .avatarImage {width:74px; overflow:hidden; border:none 1px yellow;}
  .avatarImage span {border:solid 0px orange;float:left;}
	#personalizemyspace .avatarImageFrame {height:118px; width:74px;  background: url(../images/mykb/personalizeAvatarFrame.gif) no-repeat; position:relative; top:-118px; }

  #personalizemyspace .avatar {float: left; width: 74px; height: 165px; padding: 21px 12px 0 0; text-align: center; overflow:hidden;}
    
  /*************************************************/
  #personalize_subnav {margin:-2px 0 -12px 2px; border:none 0px green;}
  .editAvatar #personalize_subnav {background: url(../images/mykb/tab_chooseAvatar.png) no-repeat;}
  .editBackground #personalize_subnav {background: url(../images/mykb/tab_chooseBackground.png) no-repeat;}
  
  #personalize_subnav div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
  #personalize_subnav #avatar {width: 100px; height: 20px; position: relative; left: 230px; border:none 1px orange; float:none;}
  #personalize_subnav #background {width: 120px; height: 20px; position: relative; top: -22px; left: 333px; border:none 1px yellow;}




/*-- PAGER */
  .paging {width:454px; height: 22px; text-align: right; color: #999; position: relative; margin:0 0 -3px 1px;}
  .paging.top {top: 56px;}
  .paging ul {list-style: none; padding: 0; display: inline; margin: 0 5px 0 5px;}
  .paging ul li {display: inline; margin: 0 5px 0 5px; color: #900;}
  .paging a {color: #000; text-decoration: none;}
  .paging a:hover {text-decoration: underline;}
  .table_foot{margin:0 0 0 1px;}