/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  DEFAULTS
 */

* {
  margin:               0;
  padding:              0;
  border:               none;
  outline:              none;
}

body {
  font:                 12px/16px arial, helvetica, sans-serif;
  color:                #cccccc;
}

a {
  color:                #99cc33;
  text-decoration:      none;
}

a:hover {
  text-decoration:      underline;
}

a:active
{
  outline:              none;
}

a:focus
{
  -moz-outline-style:   none;
}

legend {
  color:                #CCCCCC;
}

p {
  margin-bottom:        12px;
}

h1 {
  font-size:            15px;
  color:                white;
  margin:               8px 0 3px 0;
}

input,
select {
  font:                 12px/16px arial, helvetica, sans-serif;
}


input.text,
.radio-group {
  border:               none;
  background-color:     #a0af61;
  height:               16px;
  padding:              4px 0 3px 0;
  text-indent:          5px;
  margin-bottom:        6px;
  display:              block;
  float:                left;
}
.radio-group {
  background:           none;
}

select {
  margin-bottom:        6px;
  height:               23px;
  background-color:     #ABAF9D;
  border:               none;
  display:              block;
  float:                left;
}
label {
  width:                120px;
  float:                left;
  display:              block;
  font-weight:          bold;
}

table {
  border-collapse:      collapse;
}


.rule {
  border-top:           1px solid #99cc33;
  height:               1px;
  font-size:            0;
  line-height:          0;
  margin-top:           20px;
  *margin-top:          0px;
  margin-bottom:        20px;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MAIN CONTAINER
 */


#main {
  width:                1025px;
  margin:               0 auto;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  TOP
 */


#contest-cta {
  position:             absolute;
  margin-left:          350px;
  display:              none;
}

#contest-cta a {
  background:           url(../images/contest_cta.jpg) top right no-repeat;
  display:              block;
  width:                607px;
  height:               88px;
}
#contest-cta a:hover {
  background:           url(../images/contest_cta.jpg) bottom right no-repeat;
}


#logo {
  margin:               20px 0;
}

#lang_controls {
  margin:               20px 10px 15px 0px;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  NAV
 */

#nav {
  height:               40px;
}

#nav a,
#nav-meta a {
  float:                left;
  margin-right:         32px;
  font:                 24px/32px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
  text-decoration:      none;
  display:              block;
  color:                #000000;
  text-transform:       uppercase;
}

#nav a.active {
  text-shadow:          0 0 8px #ffffbe;
}

#nav-meta a {
  margin-right:         0px;
  margin-left:          6px;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PAGE NAV
 */

 div.page-nav {
   width:               100%;
   text-align:          center;
   }

.page-nav a {
  font:                 20px/28px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
  text-decoration:      none;
  color:                #666666;
  text-transform:       uppercase;
  margin-right:         5px;
  padding:              0 12px;
  display:              block;
  float:                left;
  border:               1px solid #666666;
  text-align:           center;
  background:           url(../images/bg_module.png) transparent;
}

.page-nav a.active {
  color:                #99cc33;
  border:               1px solid #99cc33;
  text-shadow:          0 0 8px #ffffbe;
}

.page-nav a.selected {
  color:                #89CC2E;
  border:               1px solid #89CC2E;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  BUTTON
 */


.button {
  text-decoration:      none;
  color:                #fff;
  text-transform:       uppercase;
  font:                 18px/30px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
  letter-spacing:       1px;
  font-weight:          normal;
  margin-right:         6px;
  background:           none;
  cursor:               pointer;
  padding:              0 12px;
  background:           url(/images/bg_button.png);
  -moz-box-shadow:      0 2px 5px #000000;
  -webkit-box-shadow:   0 2px 5px #000000;
  box-shadow:           0 2px 5px #000000;
  display:              inline-block;
  text-shadow:          -1px -1px #202020;
}

.button:hover {
  text-shadow:          0 0 8px #ffffbe;
  text-decoration:      none;
}

.button:active {
  position:             relative;
  top:                  1px;
}

.nav_button {
  font:                 18px/32px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
}

.zombie_btn {
  background:           url('/images/btn_bg.gif');
  height:               29px;
  line-height:          29px;
  background-repeat:    repeat-x;
  font-weight:          bold;
  font:                 18px/31px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
  cursor:               pointer;
  padding:              0 10px;
  -moz-box-shadow:      0px 0px 20px #171717;
  -webkit-box-shadow:   0px 0px 20px #171717;
  box-shadow:           0px 0px 20px #171717;
  display:              inline-block;
  color:                black;
  text-transform:       uppercase;
  margin-right:         6px;
}
.zombie_btn:hover {
  text-decoration:      none;
  color:                #990000;
}
.zombie_btn:active {
  position: relative;
  top: 1px;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  NAV SEARCH FORM
 */

#search {
  width:                 334px;
  text-align:            left;
 }

#search fieldset {
  border:               1px solid #cccccc;
  padding:              2px 2px 0 2px;
  background-color:     #000000;
  height:               25px;
}

#search .text {
  display:              block;
  float:                left;
  margin:               0;
}

#search .button {
  width:                15%;
  display:              block;
  float:                left;
  height:               23px;
  background-color:     #000000;
  color:                #cccccc;
  font-weight:          bold;
  text-transform:       uppercase;
  cursor:               pointer;
  margin:               0;
  border:               none;
}

#search .button:hover {
  color:                #cc0000;

}


#search_box {
  background:            url(/images/search_input.gif) transparent;
  background-repeat:     no-repeat;
  width:                 236px;
  height:                22px;
  color:                 #505831;
}

#btn_search {
  float:                left;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PAGE BODY
 */

#body {
  background:           url(../images/bg_main3.jpg) 0 0 no-repeat;
  background-position:  top center;
  background-color:     #000000;
}

.body {
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MODULE
 */

.module {
  background:           url(../images/bg_module.png) transparent;
  -moz-box-shadow:      0 5px 16px #333333;
  -webkit-box-shadow:   0 5px 16px #333333;
  box-shadow:           0 5px 16px #333333;
  overflow:             hidden;
  position:             relative;
}

.module-header {
}

.module-header img {
  margin:               22px 0 7px 12px;
}
.module-body {
  padding:              12px;
}

.module-photo {
  display:              block;
  margin:               0 auto;
  border:               2px solid #6a8330;
}

.module-button {
  position:             absolute;
  bottom:               20px;
  right:                12px;
}


.module2_descrip {
  margin-bottom:        44px;
}

#module2_btn {
  background:           url('/images/start.png') transparent no-repeat;
  width:                83px;
  height:               34px;
  }

#module2_btn:hover {
  background-position:  left bottom;
  }

#module2_btn_es {
  background:           url('/images/start_es.png') transparent no-repeat;
  width:                81px;
  height:               34px;
  }

#module2_btn_es:hover {
  background-position:  left bottom;
  }

#btn_vote {
  background:           url('/images/vote.png') transparent no-repeat;
  width:                67px;
  height:               34px;
}

#btn_vote:hover {
  background-position:  left bottom;
}

#btn_vote_es {
  background:           url('/images/vote_es.png') transparent no-repeat;
  width:                85px;
  height:               34px;
}

#btn_vote_es:hover {
  background-position:  left bottom;
}

#browse_zombie_btn {
  background:           url('/images/browse_z.png') transparent no-repeat;
  width:                216px;
  height:               34px;
}

#browse_zombie_btn:hover {
  background-position:  left bottom;
}

#browse_zombie_btn_es {
  background:           url('/images/browse_z_es.png') transparent no-repeat;
  width:                199px;
  height:               34px;
}

#browse_zombie_btn_es:hover {
  background-position:  left bottom;
}



#VisitUsOnFacebook {
  background:           url( '/images/VisitUsOnFacebook.png' ) transparent no-repeat;
  width:                292px;
  height:               30px;
  }
#VisitUsOnFacebook_es {
  background:           url( '/images/VisitUsOnFacebook_es.png' ) transparent no-repeat;
  width:                300px;
  height:               34px;
  }

#VisitUsOnFacebook:hover {
  background-position:  left bottom;
  }
#VisitUsOnFacebook_es:hover {
  background-position:  left bottom;
  }














/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  HOME MODULE
 */

.home .module {
  float:                left;
  width:                333px;
  height:               520px;
  margin-right:         12px;
}

.home .module-header {
}

.home .module-header img {
  margin:               9px 15px;
}

.home .module-body {
  padding:              0px 14px;
}

.home .module .button {
  display:              block;
  width:                190px;
  text-align:           center;
  margin:               auto;
  float:                none;
}






/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  VOTE PANEL
 */

.vote-panel {

  padding:              20px 0;
}

.vote-panel ul {
  display:              block;

  padding-top:          6px;

}

.vote-panel li {
  width:                30px;
  display:              block;
  float:                left;
  text-align:           center;
}

.vote-panel input {
  width:                14px;
  height:               14px;
}
.vote-panel label  {
  width:                auto;
  float:                none;
  font-weight:          normal;
  display:              inline;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  LOGIN FORM
 */


#login-form fieldset {
  width:                400px;
}

#login-form .text {
  width:                280px;
}

#login-form label {
  width:                120px;
  font-weight:          bold;
}

#login-form .button {
  width:                80px;
  float:                right;
  margin:               0;
}






/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  REGISTER FORM
 */


 #register-form {
  float:                left;
 }

#register-form fieldset {
  width:                500px;
  padding:              40px 10px 10px 10px;
  border:               1px silver solid;
  }

#register-form .text {
  float:                left;
  width:                60%;
  }

#register-form label {
  float:                left;
  width:                40%;
  font-weight:          bold;
  }

#register-form .button {
  width:                80px;
  float:                right;
  margin:               0;
  }

#register-form input.radio {
  }

#register-form select {
  width:                60%;
  }





.steps {
  width:                64px;
  height:               36px;
  background:           url(/images/steps2.png);
  margin-bottom:        20px;
  position:             absolute;
   margin-top:          5px;
}

.step-1 {

}

.step-2 {
  background-position:  0 -36px;
}

.step-3 {
  background-position:  0 -72px;
}

.zombifier .steps {
  position:             absolute;
  margin:               25px 0 0 30px;
}


.zombifier .module-body {
  padding:              0;
}

.mailbox {
  margin-left:          350px;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  SEARCH FORM
 */

#search-form fieldset {
  float:                left;
  margin-right:         50px;
  width:                325px;
}

#search-form select {
  width:                65%;
}

#search-form label {
  width:                35%;
  font-weight:          bold;
  text-align:           right;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  SEARCH RESULTS (made everything more spacey due to the extra strings of spanish text)
 */

.user-search-result-cell {
  float:                left;
  width:                156px;
  overflow:             hidden;
  margin-right:         12px;
  margin-bottom:        12px;
  height:               156px;
  background:           url(/images/bg_browse.png) transparent;
}
.user-search-result-cell a img {
  border:               1px solid black;
}
.user-search-result-cell a:hover img {
  border:               1px solid #99cc33;
}
.user-search-result-cell a {
  color:                #cccccc;
  width:                99px;
}

.user-pic {
  float:                left;
}

.page-nav {
  clear:left;
}

.page-nav strong a {
  color:                white;
  background-color:     #990000;
}

#browse_rating {
 background:            url(/images/browse_rate.png) no-repeat;
 color:                 #cc0000;
 white-space:           nowrap;
 width:                 39px;
 height:                23px;
 padding-top:           3px;
 text-align:            center;
 float:                 right;
 }


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PROFILE
 */

.profile .mugshot {
  float:                left;
  margin-right:         20px;
  margin-bottom:        20px;
  display:              block;
  width:                305px;
}

.profile .profile_info {
  float:                left;
  width:                480px;
}

.profile table.traits {
}

.profile table.traits th {
  text-align:           left;
  width:                110px;
}

.profile .rating {
}

.profile #bites {
  font-size:            14px;
  font-weight:          bold;
  color:                #99cc33;
}


.profile .rating {
  background:           url(/images/icon_rating2.png) no-repeat;
  behavior:             url(/css/iepngfix.htc);
  width:                109px;
  height:               96px;
  float:                right;
  text-align:           center;
  padding-top:          42px;
  font-size:            16px;
  margin-top:           10px;
  color:                #cc0000;
}

.profile .rating_es {
  background:           url(/images/icon_rating2_es.png) no-repeat;
  behavior:             url(/css/iepngfix.htc);
  width:                109px;
  height:               96px;
  float:                right;
  text-align:           center;
  padding-top:          42px;
  font-size:            16px;
  margin-top:           10px;
  color:                #cc0000;
}

.bitten {
  text-decoration:      none;
  padding:              0 8px 0 8px;
  border:               1px solid #666666;
  display:              block;
  color:                #cccccc;
  font-weight:          bold;
  margin-right:         6px;
  height:               27px;
  background-color:     #666666;
  opacity:              0.8;
  filter:               alpha(opacity=30);
  text-transform:       uppercase;
  font-size:            12px;
  line-height:          27px;
  display:              -moz-inline-box;
  display:              inline-block;
}


.profile-options {
  line-height:          22px;
  list-style:           none;
  font-size:            11px;
  margin-top:           10px;
}

.profile-options a {
  color:                #999999;
}

.profile-options li img {
  vertical-align:       top;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  CONTEST
 */

#friends {

}

#friends .user-search-result-cell {
  height:               150px;
  background-image:     none;
  width:                87px;
}



/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  INVITE FORM
 */

#invite-form fieldset {
  width:                680px;
}

#invite-form .text {
  width:                25%;
  margin-right:         7%;
}

#invite-form label {
  width:                15%;
  font-weight:          bold;
}

.invite_done {
  font-size:            18px;
}

.thumbs_up {
  margin-left:          300px;
}

/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  Zombifier
 */

#flash_container {
  text-align:           center;
}

/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  FOOTER
 */

#footer {
  width: 100%;
  padding-top:          14px;
  clear:                both;
  text-align:           center;
}

.right-banner {
  float:                right;
  width:                160px;
  padding-left:         10px;
  display:              block;
}


#bottom-links {
  text-align:           center;
  padding-bottom:       10px;
}

#bottomBanner {
  width:                854px;

}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  Terms and Conditions
 */

#terms {
  overflow: auto;
  height: 790px;
  padding-right: 10px;
}





/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  News
 */

#news {
  position:             relative;
  width:                100%;
  height:               384px;
  overflow:             auto;
}
#news ul {
}
#news li {
  list-style:           none;
  display:              block;
  clear:                left;
}
#news img {
  float:                left;
  margin-right:         10px;
  border:               1px solid #666666;
  margin-bottom:        20px;
  display:              block;
}
#news p {
  float:                left;
  width:                220px;
  margin-bottom:        20px;
}









/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  DIALOGS
 */

#overlay {
  position:             fixed;
  top:                  0;
  left:                 0;
  width:                100%;
  height:               100%;
  background-color:     #000;
  filter:               alpha(opacity=50);
  -moz-opacity:         0.5;
  -khtml-opacity:       0.5;
  opacity:              0.5;
  z-index:              10000;
}

.dialog {
  position:             fixed;
  z-index:              10001;
  text-align: center;
}

.dialog .hd {
  background:           url(/images/bg_dialog_hd.png) transparent no-repeat;
  font-size:            12px;
  height:               28px;
  line-height:          28px;
  text-transform:       uppercase;
}

.dialog .bd {
  background:           url(/images/bg_dialog_bd.png) transparent no-repeat;
  padding:              20px;
  width:                352px;
  color:                black;
  font-size:            14px;
  line-height:          18px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius:  10px;
  -moz-border-radius-bottomright:     10px;
  -moz-border-radius-bottomleft:      10px;
  border-bottom-right-radius:         10px;
  border-bottom-left-radius:          10px;
}

.dialog .button {
  background:           url(/images/bg_dialog_button.png) transparent repeat-x;
  border:               none;
  padding:              4px 20px 0 20px;
  font:                 24px/37px 'LeagueGothicRegular', Impact, Charcoal, sans-serif;
  letter-spacing:       1px;
  opacity:              1;
  filter:               alpha(opacity=100);
  -moz-box-shadow:      0 0 16px #333333;
  -webkit-box-shadow:   0 0 16px #333333;
  box-shadow:           0 0 16px #333333;
  color:                white;
  font-weight:          normal !important;
  text-shadow:          -1px -1px #444;
}

.dialog .button:active {
  -moz-box-shadow:      0 0 3px #333333;
  -webkit-box-shadow:   0 0 3px #333333;
  box-shadow:           0 0 3px #333333;
}

.dialog a {
  color:                #cc0000;
}


/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  MISC
 */

.min-height {
  height:               590px;
  float:                right;
}

.last {
  margin-right:         0 !important;
}

.error {
  color:                red;
}




/*``````````````````````````````````````````````````````````````````````````````````````````````````
 *  PAUL's STUFF
 */


div.left {
  float:            left;
  text-align:       left;
  }
div.right {
  float:            right;
  text-align:       right;
  }
div.br {
  clear:            both;
  }
div.welcomeText {
  font-size:        12px;
  padding-top:      8px;
  }