/* *****************************************************************************
standard formats
***************************************************************************** */

img {
  border: 0;
}

.odd {
  background: #333;
  margin: 0 auto 10px;
  padding: 5px;
}

.even {
  background: #444;
  margin: 0 auto 10px;
  padding: 5px;
}

.clear {
  clear: both;
}

/* http://www.drweb.de/magazin/wirklich-wirksamer-schutz-fr-e-mail-adressen/ */
span.codedirection_reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

#footer {
  text-align: center;
  padding: 50px 0;
}

#footer p {
  padding: 1em 0;
  margin: 0;
  border-top: 1px dotted #563D18;
}

#footer .payment_methods img{
  margin: 0 1em;
}

/* *****************************************************************************
end standard formats
***************************************************************************** */

/* *****************************************************************************
flash messages
***************************************************************************** */

.flash, .errorExplanation {
  border: 2px solid #fff;
  margin-bottom: 10px;
  min-height: 50px;
  height: auto !important;
  padding: 5px;
}

.flash .content {
  margin-left: 60px;
}

.flash a {
  color: #000;
}

.flash img {
  float: left;
}

#flash_notice {
  background-color: #090;
}

#flash_error, .errorExplanation {
  background-color: #933;
}

#flash_error a, .errorExplanation a {
  color: #eee;
  text-decoration: underline;
}

#flash_error h2, .errorExplanation h2 {
  font-size: 1.2em;
  text-align: left;
}

#flash_error ul, .errorExplanation ul {
  margin: 10px 20px;
}

.flash_warning, #flash_warning {
  border: 1px solid #F99700;
  margin-bottom: 5px;
  padding: 5px;
}

.flash_message {
  background-color: #A87E00;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
  background-color: #FFB3C6;
}

/* *****************************************************************************
end flash messages
***************************************************************************** */

/* *****************************************************************************
home
***************************************************************************** */

#links_on_frontpage {
  list-style-type: none;
  padding: 4em 0;
  margin: 0;
}

#links_on_frontpage li {
  margin-bottom: 20px;
}

.payment_logos h4{
  margin-bottom: 10px;
}

.payment_logos {
  padding: 1em 0;
  margin-top: 2em;
  border-color: #563D18;
  border-style: solid;
  border-width: 1px 0;
}

.payment_logos img {
  padding: 0 2em;
}

.warning_of_adult_content {
  padding: 1em 0;
  text-align: center;
  border: solid #563D18;
  border-width: 0 0 3px 0;

}


/* *****************************************************************************
end home
***************************************************************************** */



#imageset_previews_description {
  border-bottom: 1px solid white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

#imageset_previews {
  margin-top: 120px;
  padding: 5px;
  float: left;
  text-align: center;
}

#imageset_previews_intro {
  margin: 200px 0;
  text-align: center;
}


.format_table {
  border-collapse: collapse;
}

.format_table td, .format_table th {
  border: 1px solid white;
  vertical-align: top;
  padding: 5px;
}

/* *****************************************************************************
collection preview
***************************************************************************** */

/*
CSS Image Maps, Redux
http://frankmanno.com/ideas/css-imagemap-redux
*/

.imap {
  display: block;
  background-repeat: no-repeat;
  position: relative;
  text-align: left;
  margin: 0 auto;
  width: 814px;
  height: 616px;
}

.imap dd {
  margin: 0;
  position: absolute;
}

dd a {
  border: 1px solid #222;
  position: absolute;
  width: 200px;
  height: 150px;
}

dd a.preview {
  border: 1px solid red;
}

dd a.preview:hover {
/* XXX remove image when cleaned up all themes */
  background: transparent url(/images/hover.png) repeat;
}

* html dd a.preview:hover {
/* dumb ie6 */
  background: none
}

.imap .preview {
  background: no-repeat center;
}
/* *****************************************************************************
end collection preview
***************************************************************************** */

/* *****************************************************************************
livepipe window
***************************************************************************** */

.simple_window {
  color: #222;
  padding: 10px;
  border: 1px solid black;
  background-color: #202020;
  text-align: left;
}

.simple_window .yield {
  text-align: center;
}

.flvplayer {
  background: #eee;
  color: black;
  padding: 10px;
}

/* *****************************************************************************
end livepipe window
***************************************************************************** */

/* *****************************************************************************
join
***************************************************************************** */

.create_account_div {
  width: 49%;
  border: 1px solid #fff;
  float: left;
}

.create_account_div .top {
  border-bottom: 1px solid #fff;
  padding: 15px;
}

.create_account_div .bottom {
  padding: 10px 15px 15px 15px;
}


.create_account_table {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}

.create_account_table .square {
  width: 30px;
  height: 30px;
  line-height: 30px; /* for vertical alignment */
  border: 1px dotted red;
  margin: auto;
}

.clients.new .create_account_table #clients_new, .subscriptions.new .create_account_table #subscriptions_new, .clients.edit .create_account_table #clients_edit {
  border: 2px solid red;
  background: white;
  color: black;
  font-weight: bold;
}

#create_account_prices {
  width: 49%;
  float: right;
}

#create_account_prices h4 {
  margin-top: 0;
  font-size: 1.2em;
}

#create_account_prices h5 {
  margin: 0 0 1em 0;
  font-size: 1.1em;
  line-height: 1.3em;
}

#create_account_prices .runtime_payable_with_logos {
  float: right;
  text-align: right;
}

#create_account_prices .runtime_payable_with_logos img{
  margin-bottom: .3em;
}

#create_account_prices ul {
  padding-left: 0;
list-style-type: none;
}

#create_account_prices ul li{
  margin-bottom: 5px;
}

#create_account_prices .offer_outer {
  border: 2px solid red;
}

#create_account_prices .offer_outer .description{
  border: 2px dashed #FF6633;
  padding: 5px;
  margin-top: 5px;
}

#create_account_prices .offer_inner_div {
  padding: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #FF6633;
}

#payment_logos {
  text-align: center;
  margin: 2em auto;
}

#payment_logos .payment_method {
  width: 33%;
  float: left;
  margin: 0 auto;
}

#payment_descriptions {
  font-weight: bold;
}

#payment_descriptions .payment_method {
  margin: 1.5em 0;
}

#new_subscription_table {
  width: 100%;
}

#new_subscription_table thead tr {
  background: black;
}

#new_subscription_table tbody .cell_to_check {
  text-align: center;
  background: black;
}

/* *****************************************************************************
end join
***************************************************************************** */

/* *****************************************************************************
contact us
***************************************************************************** */

#contact_us_outer {
  width: 600px;
}

#contact_us_inner {
  background:black;
  padding: 10px;
  width: 300px;
  color: white;
  margin-bottom: 2em;
}

/* *****************************************************************************
end contact us
***************************************************************************** */

.partner_links .html_entities {
  width: 965px;
  background: #555;
  padding: 5px;
  overflow: auto;
  border: 1px dotted #eee;
}

/* *****************************************************************************
collection limit
***************************************************************************** */

.unlock_fieldset {
  margin: 1em;
  text-align: left;
}

.unlock_fieldset legend {
  border: 1px dotted #eee;
  padding: .5em;
}

#unlocked_collections_table {
  width: 100%;
  border: 1px solid white;
  border-collapse: collapse;
  
}

#unlocked_collections_table th {
  text-align: left;
  padding: 5px;
}

#unlocked_collections_table td {
  padding: 5px;
}
/* *****************************************************************************
end collection limit
***************************************************************************** */


/* *****************************************************************************
promo
***************************************************************************** */

.promo {
  text-align: center;
}

.promo #navigation, .promo #main_meta, .promo #language_flags {
  display: none;
}

.promo table {
  margin: 0 auto;
}

.promo img{
  border: 1px solid #eee;
}

.promo h3 {
  color: #FF3366;
  line-height: 1.3em;
  margin: 1em 4em;
}

.promo a {
  color: inherit;
}

/* *****************************************************************************
end promo
***************************************************************************** */

/* *****************************************************************************
faq
***************************************************************************** */

.faq h3 {
  margin-bottom: 0.2em;
}

.faq p {
  margin-top: 0.2em;  
}
/* *****************************************************************************
end faq
***************************************************************************** */

/* *****************************************************************************
rating
***************************************************************************** */

.rating {
  width: 80px;
  height: 16px;
  margin: 2px 0;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative; /* XXX remove image when cleaned up all themes */
  background: url(/images/rating_stars.gif) no-repeat 0 0;
}

ul.rating li {
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
  float: left; /* end hide*/
  text-indent: -999em; /* hide text*/
}

ul.rating li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration: none;
  z-index: 200;
}

ul.rating li.one span {
  left: 0
}

ul.rating li.two span {
  left: 16px;
}

ul.rating li.three span {
  left: 32px;
}

ul.rating li.four span {
  left: 48px;
}

ul.rating li.five span {
  left: 64px;
}

.star_0 {
  background-position: 0 0
}

.star_1 {
  background-position: 0 -16px
}

.star_2 {
  background-position: 0 -32px
}

.star_3 {
  background-position: 0 -48px
}

.star_4 {
  background-position: 0 -64px
}

.star_5 {
  background-position: 0 -80px
}

/* *****************************************************************************
end rating
***************************************************************************** */