/* CSS style */

/* purple #cc1559 */
/* pink #ff5eaa */
/* blue #96b3d3 */
/* gray #646464 */
/* dark gray #585858 */

body {
  margin:0px;
  padding: 0px;
  /*font-family:verdana,sans-serif; */
  font-family: "Lucida Grande", verdana, arial, "Trebuchet MS", sans-serif;
  font-size: 1em;
  color: #4d4d4d;
  background: #e3e9f0; /* #fafafa; */
  text-align:center;
}

* {margin: 0px; padding: 0px;}

/* ----- Navigation -------- */
/* Standard link */
a:link, a:visited {
  color: #cc1559;
  border-bottom: 1px dotted #cc1559;
}
a:hover {
  border-bottom: 1px solid #cc1559;
}

/* Simple link button */
a:link.linkbox, a:visited.linkbox {
  border: 1px solid white;
  padding: 4px 15px 4px 15px;
  font-size: 0.8em;
  color: #fff;
}
a:hover.linkbox {
  color: #cc1559;
}

/* Image link */
a:link.image, a:hover.image, a:visited.image {border: none; background: none;}
a, a.image{
  border: none;
  background: none;
  text-decoration: none;
}

a:link.more, a:visited.more {
  float: right;
  border: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #cc1559; /* dd4580; */
}
a:hover.more {
  border-bottom: 1px solid #cc1559;
  color: #cc1559; /* dd4580; */
}
/* Language version link */
a:link.lang, a:visited.lang {
  border: none;
  color: #f6f6f6;
  font-size: 0.7em;
  border-bottom: 1px dotted #f6f6f6;
}
a:hover.lang {
  border: none;
  border-bottom: 1px solid #f6f6f6;
}

/*------ General Class -----------*/
h1, h2, h3 {
  color: black; 
}

h1.title, h2.title, h3.title {
  color: #cc1559;
}
h1 {
  /*   style - variant - we; /* ight - size - family */
  font: normal normal normal 1.3em sans-serif;
}

h2 {
  /*   style - variant - weight - size - family */
  font: normal normal normal 1.2em sans-serif;
}

h3 {
  font: normal normal normal 0.8em sans-serif;
}

ul.none {
  list-style: none;
  margin:-15px 0px 15px 5px;
  font-size: 0.75em;
}

img {
  float: left;
}
img.fancyzoom {
  margin: 10px 15px 10px 5px;
}

img.image {
 float: left;
 border: 1px solid #4d4d4d;
 /*margin: 8px 8px 8px 8px; */
}

img.fright {
  float: right;
  margin: 0px 8px 8px 2px;
}
img.fleft {
  float: left;
  border:1px solid #ffffff;
  margin: 5px 8px 8px 2px;
}
img.ftopright {
  float: right;
  margin: -15px 8px 2px 2px;
}
img.symbol {
  float: right;
  margin-top: -22px;
  margin-right: -12px;
}
em {
  font-weight: bold;
  padding-right: 0.5em;
  vertical-align: top;
}

.clear {
  clear: both;
}
.hlight {
  color: #f11f48
}
.smallnote {
  font-size: 0.6em
}
.hide {
  display: none
}
.center {
  text-align: center;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}

/* ----- Page Structure ----- */
#content {
  float: left;
  margin-top: -2px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  min-height: 600px;
  background: url("../images/bg_title.png") top left repeat-x;
}
.wrapper {
  clear: both;
  width: 850px;
  margin: 0px auto;
  text-align:center;
}
.column-l {
  float: left;
  text-align: left;
  width: 48%;
}
.column-r {
  float: left;
  text-align: left;
  width: 48%;
  padding-left: 15px;
}
.htextbox-r {
  float: left;
  text-align: left;
  margin-top: 20px;
  padding: 15px 25px 20px 20px;
  background : #b9cde3;
/*   border: 1px solid #585858; */
  color: #000;
}
.htextbox-l {
  float: left;
  text-align: left;
  margin-top: 20px;
  padding: 15px 25px 20px 20px;
  background : #d2d5da;
/*  border: 1px solid #585858; */
  color: #000;
}
.col-l {
  float:left;
  text-align: left;
  margin: 0px auto;
  padding: 0px 15px 10px 10px;
  width: 250px;
}
.col-r {
  float:left;
  text-align: left;
  margin: 0px 12px 0px 0px;
  padding: 0px 15px 10px 10px;
  width: 450px;
}

.para {
  margin: 5px 0px 15px 0px;
  font-size: 0.8em;
}

.linkbox {
  color: #fff;
  background: #646464;
  margin: 15px 0px 0px 203px;
  font-size: 0.9em;
}

.title {
  letter-spacing: 0.00001em;
  color : #f8285f;
  font-family: verdana, arial, "Trebuchet MS", sans-serif;
}

/* Header */
#header {
  width: 100%;
  height: 115px;
  background: url("../images/bg_header.png") top left repeat-x;
}

#logo {
  float: left;
  width: 340px;
  height: 70px;
  margin-top: 27px;
  background: url("../images/logo.png") no-repeat;
}

#bar {
  margin-top: -29px;
  float: left;
  clear: both;
  width: 100%;
  height: 37px;
  background: url("../images/bg_bar.png") top left repeat-x;
}
#bartext {
  float: right;
  margin-top: 5px;
  margin-right: 5%;
  color  : #fff;
}

#homebox {
  padding: 15px 10px 25px 20px;
  width: 100%;
  margin-left: -20px;
  /*background: url("../images/bg_trans.png") top left repeat-x; */
  background: url("../images/bg_box.png") top left no-repeat;
  /* background : #d2d5da; */
  text-align: left;
}
#homebox  ul {
  list-style-image: url("../images/li_star.png");
  margin-top: 15px;
  margin-bottom: 25px;
}
#homebox  li {
  margin-top: 2px;
  font: normal normal normal 0.9em sans-serif;
}

#headset {
  float: left;
  width : 110px;
  height: 192px;
  margin-top: 20px;
  margin-left: 20px;
}

#content p.hlight{
  margin-left: 100px
}

#footer {
  clear: both;
  width: 100%;
  height: 80px;
  border-top: 4px solid #cc1559;
  background: #585858; 
}

#footer .copyright {
  margin-top:40px;
  padding: 10px;
  font-size: 0.6em;
  color: #cccccc; /*#f6defc; */
}

/*  Navigation */
ul#top-nav {
  list-style: none;
  float: right;
  text-align: right;
  margin-top: 45px;
  padding: 5px 13px 5px 5px;
}
ul#top-nav li {
  display: inline;
  margin-left: 15px;
  color: #cc1559;
  font-size: 1.4em;
  line-height:1em;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  letter-spacing:-0.08em;
}
ul#top-nav li a {
  margin: 0;
  padding: 0;
  color: #585858;
  border: none;
  background: none;
  text-decoration: none;
}
ul#top-nav li a:hover {
  color: #cc1559;
  text-decoration: underline;
}
ul#top-nav sup {
  display: inline;
  color: #c00;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
}

/* Form */
#form {
  position: relative;
  background: #96b3d3;
  padding: 20px 0px 25px 15px;
  margin-top: 20px;
  margin-left: 0px;
  font-size: 0.8em;
  border: 1px solid #cc1559;
}

#signup_feed {
  margin: 20px 0px 0px 0px;
  text-align: left;
}

#form h2 {
  text-align: left;
  color: white;
  /*   style - variant - weight - size - family */
  font: normal normal normal 1.2em sans-serif;
  margin-bottom: 20px;
  margin-left: 40px;
}

#form p {
  color: black;
  text-align: left;
  list-style: none;
  padding: 5px;
}

#form label {
  color: black;
  display: inline-block;
  width: 7em;
  line-height: 1.8;
  vertical-align: top;
}

#form label.error {
  display: block;
  width: 25em;
  margin-left: 12em;
  color: #cc1559;
  /*   style - variant - weight - size - family */
  font: italic normal normal 0.8em sans-serif;
}
div.error { display: none; }
input, textarea, option {
  background: #eee9ea;
  border: 1px solid white; /*black; */
  padding: 1px;
 }

input.submit {
  color: #fff;
  background: #7e7b7b; /* f11f48; */
  margin-top:15px;
  padding: 2px 15px 2px 15px;
  border: 1px solid white;
  font-size: 0.9em;
  cursor: pointer;
}
input.error { border: 1px dotted #cc1559; }
input:focus { border: 1px dotted black; }

#radio {
margin-top: 4px;
}

#note {
margin-top: 10px;
}

#screenshot{
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  display:none;
  color:#fff;
}
/* Screenshot link */
a.screenshot {
  color: #cc1559;
  border-bottom: 1px dotted #cc1559;
}
a.screenshot:hover {
  border-bottom: 1px solid #cc1559;
}