/********************/
 /** My Gamesville  **/
/********************/
@import url(gamesville.css); /* Include GV Primary */

.leftCol { width: 330px !important; }

div.my_gv { font-weight: bold; }

div.my_gv input.login {
  float: right;
  width: 148px;
  margin: 0 0 5px 5px;
  border: 1px solid #166eb8;
  }

div.my_gv img.avatar {
  margin: 0;
  border: 1px solid #000;
  }

div.my_gv ul {
  margin: 0;
  padding: 0;
  }

div.my_gv ul li {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }

div.my_gv ul li a {
  display: inline;
  padding: 0;
  }

div.my_gv ul li a:hover { background-color: transparent; }

div.my_gv ul li a {
  background-color: #fff;
  }

div.my_gv p { margin: 0 0 5px 0; }

div.my_gv div.flist {
  margin-top: 10px;
  padding: 5px;
  background-color: #fcf32a;
  color: #000;
  }

div.myGVprofile p { margin: 2px 0 5px; }

div.myGVprofile div.wrapper input,
div.myGVprofile div.wrapper select { width: 150px; }

div.myGVprofile textarea {
  width: 380px;
  height: 65px;
  overflow: auto;
  }

div.myGVprofile div.avatar {
  float: right;
  width: 225px;
  height: 165px;
  margin: 3px 0 0 0;
  background-color: #d0e2f1;
  color: #000;
  text-align: center;
  }

div.myGVprofile div.avatar img { margin-top: 40px; }

div.gvGoldCertificate {
  position: absolute;
  width: 573px;
  height: 475px;
  background: url('../art_gvgold/gvGoldProfileCertificate.jpg') no-repeat top left;
  z-index: 1000;
  }

div.gvGoldCertificate span {
  font-weight: bold;
  font-size: 18px;
  width: 570px;
  display: block;
  text-align: center;
  margin-top: 173px;
  }

span.gvGoldMember {
  font-weight: bold;
  display: block;
  margin: 0.3em auto;
  }

div.gvGoldList ul {
  margin-top: 0;
}


  /**********************/
 /**  Avatar Submenu  **/
/**********************/
ul.avatarOptions {
  width: 400px;
  margin: 5px auto;
  padding: 0;
  list-style: none;
  }

ul.avatarOptions li {
  float: left;
  background-color: #74749e;
  color: #fff;
  border: 1px solid #6f6f98;
  border-left: 1px solid #9d9ac6;
  }

ul.avatarOptions a {
  display: block;
  margin: 0;
  padding: 8px;
  background-color: transparent;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  }

ul.avatarOptions li a:hover,
ul.avatarOptions li a.current {
  background-color: #9d9ac6;
  color: #fff;
  }

ul.avatarSubMenu { 
  clear: both;
  height: 24px;
  margin: 0;
  padding: 0 0 5px 0;
  background: transparent url(/art_gv3/dot-black.gif) repeat-x bottom;
  color: #fff;
  list-style: none;
  }

ul.avatarSubMenu li { 
  float: left;
  margin: 5px 0;
  padding: 0;
  }

ul.avatarSubMenu li a {
  display: block;
  margin: 0 0 0 6px;
  padding: 3px 8px;
  border: 1px solid #333;
  background-color: #b3541f;
  color: #fff;
  white-space: nowrap;
  }

ul.avatarSubMenu li.current a {
  padding-bottom: 4px;
  background-color: #fff;
  border-bottom: none;
  color: #000;
  }

div.avatarSubLayer {
  clear: both;
  padding: 8px;
  }

div.instruction {
  padding: 5px;
  border: 1px solid #166eb8;
  border-width: 1px 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  }

div.instruction p { margin: 0;}
p.prev { float: left; }
p.next { float: right; }

ul.swatches {
  width: auto;
  margin: 0;
  padding: 3px 0 0 0;
  list-style: none;
  }

ul.swatches li {
  float: left;
  margin: 0;
  padding: 0;
  }

ul.swatches li a {
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px 0 1px 1px;
  border: 2px solid #eaeaea;
  background-color: #000;
  color: #000;
  cursor: pointer;
  }

ul.swatches li:hover a,
ul.swatches a.selected { border: 2px outset #0f0; }

div#notification {
  padding-top: 5px;
  font-weight: bold;
}

span.pointBox {
  padding: .1em .25em 0 .25em;
  border: 2px solid #000;
  border-color: #ccc #000 #000 #ccc;
  background-color: #333;
  color: #666;
  }

span.pointBox span{
  background-color: transparent;
  color: #fc0;
  }

table#points td {
  border: none;
  }

#points p a.playButton{
  padding:2px 8px 2px 8px;
  background-color:#fc0;
  color: #000;
  border: 2px solid #ffc;
  border-color: #ffc #960 #960 #ffc;
  font: xx-small Verdana,Sans-serif;
  font-weight: bold;
  font-size: 100%;
  line-height: 2.25em;
  text-decoration: none;
  }

#points p span.playButtonOff {
  padding: 2px 8px;
  border: 2px solid #eee;
  border-color: #eee #999 #999 #eee;
  background-color: #ccc;
  color: #666;
  font-weight: bold;
  }

.badges {
  clear: right;
  float: left;
  margin: 0 auto;
  overflow: hidden;
  width: 750px;
  }

.badges img,
#activeBadge {
  border: 1px solid #000;
  margin: 6px auto;
  padding: 10px;
  -moz-border-radius: 8px;
  -moz-box-shadow: 0 3px 6px #000;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px #000;
  }

.badges div {
  border: 1px solid #fff;
  cursor: pointer;
  float: left;
  height: 200px;
  margin: 0 5px 15px;
  text-align: center;
  width: 165px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  }

.badges h2 { margin: 2px; }

#activeBadge { margin-top: 0; }

.badges div:hover img,
.badges .selected img {
  background-color: #fff;
  }

.badges div:hover,
.badges div.selected {
  background-color: #037E2A;
  border-color: #000;
  color: #fff;
  -moz-box-shadow: 0 3px 6px #000;
  -webkit-box-shadow: 0 3px 6px #000;
  }

.badges .locked:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  }

.badgesToggle {
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 50px;
  margin: 0 0 25px 195px;
  width: 700px;
  }

h3{ font-size: 108%; }
p { margin: 5px 0; }

#badgesTab .left {
  float: left;
  margin: 0 10px 0;
  text-align: center;
  }

#badgesTab .right {
  float: right;
  width: 170px;
  .width: 160px;
  }

#badgesTab .right div {
  padding: 0 0 15px 20px;
  }

#badgesTab .badge { float: none; display: inline; }
#badgesTab h1 {
  border-bottom: 1px solid black;
  font-size: 123.1%;
  margin-bottom: 5px;
  padding-bottom: 3px;
  }
  
.rewardsBox {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  }

.rewardsBox h2 {
  background: none;
  color: #333;
  font-size: 174%;
  padding: 0;
  margin: 5px 0;
  text-shadow: none;
  }

.rewardsBox .winner { display: none; }
.rewardsBox .btn { 
  display: block;
  margin: 10px auto 5px;
  }

.rewardsBox .sweepUnit {
  float: left;
  margin: 25px 0;
  padding: 5px 5px;
  text-align: center;
  width: 243px;
  }