select,textarea,input {
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
}

input.text	{ border: 1px solid #a6a6a7; background: #fff url( "/images/desktop/bg_input.gif" ) top repeat-x; height: 18px; padding: 2px 0 0 2px; width: 300px;}
input.mobile { width: 40px; margin-right: 5px; }
input[type="radio"] { background: transparent; border: 0; margin-right: 4px; }
input[type="checkbox"] { background: transparent; border: 0; margin-right: 4px; }
input[type="submit"] { font-weight: normal; }
input[type="text"] {background: url( "/images/desktop/bg_input.gif" ) top repeat-x; border: 1px solid #a6a6a7; padding: 2px 0 0 2px; height: 18px; font-weight: normal;  }
input[type="file"] {background: url( "/images/desktop/bg_input.gif" ) top repeat-x; border: 1px solid #a6a6a7; padding: 2px 0 0 2px; height: 18px; font-weight: normal; }

textarea {
background: #fff url( "/images/desktop/bg_input.gif" ) top repeat-x;
height: 50px;
width: 620px;
border: 1px solid #a6a6a7;
padding: 2px 0 0 2px;
}

select	{ background: #fff; border: 1px solid #a6a6a7; }
.mini_select { font: 11px arial; margin-bottom: 10px; }
.mini_select select { font: 9px verdana; border: 1px solid #555; margin: 0; padding: 0; width: 220px; }
.alert, .error { font-size: 13px; padding: 15px 10px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.alert a { color: #fff; }
.error a { color: #d10000; }
.alert { background: #87BF00; border: 1px solid #699401; color: #fff; }
.error { background: #ffffe1; border: 1px solid #c0c08d; color: #000; }
.alert span { color: #d5fb6e; }
.error span a { color: #D10000; }
.highlight { background: #ffde00 !important; }
label { font-weight: bold; line-height: 200%; font-size: 12px; }
.input_label { font-weight: inherit; line-height: inherit; font-size: inherit; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
.xshort { width: 50px; }
.short { width: 181px; }
.long { width: 370px; }
.small_alert, .small_error { font-size: 13px; padding: 15px 10px; font-weight: bold; width: 224px; text-align: center; margin-bottom: 10px; }
.small_alert a { color: #fff; }
.small_error a { color: #d10000; }
.small_alert { background: #87BF00; border: 1px solid #699401; color: #fff; }
.small_error { background: #ffffe1; border: 1px solid #c0c08d; color: #000; }
.small_alert span { color: #d5fb6e; }
.small_error span a { color: #D10000; }

.medium_alert, .medium_error { font-size: 12px; padding: 15px 15px 0 15px; font-weight: bold; width: 552px; margin-bottom: 10px; }
.medium_alert { background: #87BF00; border: 1px solid #699401; color: #fff; }
.medium_error { background: #ffffe1; border: 1px solid #c0c08d; color: #000; }

#location_nag { text-align: left; font-size: 13px; }
#location_nag label { font-size: inherit; font-weight: inherit; }
#location_nag #location { width: 100%; }
#location_nag #autocomplete, #location_nag #country { width: 35%; float: right; }
#location_nag #autocomplete { margin-left: 1em; }
#location_nag a { color: #D10000; text-decoration: underline; }
#location_nag form { margin-bottom: 1em; }
#location_nag .mid-button { margin-top: 1em; float: right; }
#location_nag {display: none;}
.ui-dialog #location_nag {display: block;}

#screenname_search .input.field input {width: 296px;}
#screenname_search .button {margin-top: 0.8em; text-align: right;}

/*  Nag bubble alerts stuffs  */
.alert-t-bubble {
  background-color: rgb( 255, 255, 255 );
  color: rgb( 0, 0, 0 );
  border: 0;
  border-radius: 1.5rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1rem;
  padding: 0 0 2rem 0;
  position: relative;
}

.alert-t-bubble:before {
  background-color: rgb( 252, 179, 131 );
  border-color: rgb( 242, 101, 34 );
  border-left-width: 5px;
  border-left-style: solid;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-left-radius: 0.75rem;
  content: '';
  display: block;
  height: 26px;
  position: absolute;
  left: 4.75rem;
  top: -14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 26px;
}

.alert-t-bubble > * {
  border-width: 5px;
  border-style: solid;
}

.alert-t-bubble .alert-header {
  background-color: rgb( 252, 179, 131 );
  border-radius: 1.5rem 1.5rem 0 0;
  border-color: rgb( 242, 101, 34 );
  border-bottom-width: 0;
  padding-bottom: 1.5rem;
  padding-left: 3.75rem;
  padding-right: 1.25rem;
  padding-top: 1.35rem;
  text-align: left;
}

.alert-t-bubble .alert-leader {
  border: 0;
  color: rgb( 255, 255, 255 );
  display: inline-block;
  font-size: 1.65rem;
  font-weight: bold;
  vertical-align: top;
}

.alert-t-bubble .alert-body {
  border-top-width: 0;
  color: rgb( 0, 0, 0 );
  display: inline-block;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.75;
  margin-left: 1rem;
  padding-top: 0.35rem;
  width: 85%;
  vertical-align: top;
}

.alert-t-bubble .alert-footer {
  background-color: rgb( 255, 255, 255 );
  border-radius: 0 0 1.5rem 1.5rem;
  border-top-width: 0;
  border-color: rgb( 242, 101, 34 );
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.alert-t-bubble .alert-highlight {
  border: 0;
  font-weight: bold;
}

.alert-footer .form-group-item {
  display: inline-block;
  vertical-align: middle;
}

.alert-footer input.email {
  border-radius: 0.25rem;
  box-shadow: none;
  margin-left: 2rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  padding-bottom: 0.35rem;
  padding-top: 0.35rem;
  text-align: center;
  width: 300px;
}

.alert-footer .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgb( 153, 153, 153 );
  background-color: rgb( 235, 235, 235 );
  border-radius: 0.25rem;
  box-shadow: inset 0 0 5px rgba( 0, 0, 0, 0.21 );
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  padding-bottom: 0.35rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  padding-top: 0.35rem;
  text-transform: uppercase;
}
