@CHARSET "UTF-8";

/* =general ================================ */
* {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  border: 0px solid red;
  line-height: 1.4em;
}

html,
body {
  font: normal 12px Tahoma, Arial, Verdana, sans-serif;
  line-height: 16px;
  background-color: #fff;
  color: #2C2F35;
  width: 100%;
}

/* ie debug */
div, ul {
  border: 0px solid red;
}

p {
  margin: 0 0 0.5em 0;
}

.cf {
  display: inline-block;
}
.cf[class] {
  display: block;
  overflow: hidden;
}


a,
span.link {
  text-decoration: none;
  color: #6E7BCC;
  cursor: pointer;
}
a:hover,
span.link:hover {
  text-decoration: underline;
}

a.extern {
  background: url(../img/icons/link_extern.png) no-repeat right top;
  padding-right: 12px;
}
a.extern:hover {
  background-image: url(../img/icons/link_extern_active.png);
}

a.delete {
  color: #DA2740;
}


/* =headers */

h1 {
  font-weight: normal;
  font-size: 1.6em;
  color: #F78F06;
  margin: 10px 0 10px 0;
}

h2,
.h2 {
  font-weight: normal;
  font-size: 1.4em;
  color: #F78F06;
  margin: 0 0 10px 0;
}

h3,
.h3 {
  font-weight: normal;
  font-size: 1.3em;
  color: #009600;
  margin: 0 0 10px 0;
}

h4,
.h4 {
  font-weight: normal;
  font-size: 1.1em;
  margin: 0;
}








/* =divs, =container */
div.form-center {
  width: 530px;
  margin-left: 105px;
}

div.form-right {
  margin-top: 30px;
}

div.roundbox div.h,
div.roundbox div.hc,
div.roundbox div.f,
div.roundbox div.fc {
  background: url(../img/sprite_corners.png) no-repeat #fff -1px 0;
  height: 8px;
  overflow: hidden;
}

div.roundbox div.hc,
div.roundbox div.fc {
  width: 8px;
  float: right;
  background-position: -1334px 0;
}

div.roundbox div.f {
 background-position: -1px -47px;  
}

div.roundbox div.fc {
  background-position: -1334px -47px;  
}

div.roundbox div.c {
  border-left: 1px solid #a1d3d6;
  border-right: 1px solid #a1d3d6;
  padding: 8px 18px;
}

div.roundbox div.c.small_padding {
  padding: 2px 9px;
}

div.roundbox.style2 div.h {
  background-position: -1px -375px;
}
div.roundbox.style2 div.hc {
  background-position: -1334px -375px;
}
div.roundbox.style2 div.c {
  background: url(../img/sprite_corners.png) no-repeat #fff -3px -383px;
  border-color:#9FA6B0;
  min-height: 60px;
}
div.roundbox.style2 div.c h1 {
  color: #000;
  margin-top: 0;
}

div.roundbox.style2 div.f {
 background-position: -1px -681px;  
}

div.roundbox.style2 div.fc {
  background-position: -1334px -681px;  
}

div.content-center {
  width: 500px;
  margin: 0 auto;
}

#main {

  margin: 0 0 0 20px;
  width: 900px;

}

#body {
  position: relative;
  top: -15px;
}



div.col-530 {
  margin-left: 10px;
  width: 530px;
  float: left;
}

div.col-360 {
  margin-left: 10px;
  width: 360px;
  float: left;
}

div.col-first {
  margin-left: 0;
}













/* =lists */
ul {
  margin: 5px 0 5px 20px; 
}

/* =form */

form {
  width: 530px;
}

form p.hint {
  color: #9FA6B0;
  font-size: 0.9em;
}

form div.row {
  padding-bottom: 10px;
  width: 330px;
  float: left;
}

form div.row label {
  margin-bottom: 3px;
  text-align: left;
}

form div.row input.radio {
  margin-top: 3px;
}

form div.checkbox label{
  padding-top: 0px;
}

form div.checkbox input {
  float: left;
  margin-right: 10px;
}

form ul.errors {
  list-style-type: none;
  margin: 0;
}

form ul.errors li {
  color: #DA2740;
  background: url(../img/icons/error.png) no-repeat;
  padding: 0 0 5px 25px;
}

form label {
  width: 150px;
  float: left;
  text-align: right;
  margin-right: 30px;
}

form.slim label {
  float: none;
  text-align: left;
  clear: both;
  
}

form.slim div.row {
  float: none;
}

form.slim div.formcontent {
  padding-left: 0;
}

form label.required {
  background: url(../img/icons/star_gray.png) no-repeat right top;
  padding: 0 20px 0 0;
  margin-right: 10px;
}

form.tip {
  width: 670px;
}

form.tip div.row {
  width: 490px;
}

form.tip div.row.month br {
  display: none;
}

form.tip div.row.month label {
  width: 90px;
  overflow: hidden;
  cursor: pointer;
  padding: 2px;
}

form.tip div.row.month label:hover {
  background-color: #CDE0E0;
}

form.tip div.row.month label input {
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

form.tip input.text,
form.tip textarea.text {
  width: 468px;
}

#upload-container {
  display: none;
}

form.image_upload div.upload_progess_bar {
  text-align: center;
  padding: 5px;
}

form.image_upload {
  width: 100%;
}

div.image_list img {
  margin: 0 auto 30px auto;
  display: block;
}
div.image_list a.button {
  position: absolute;
  margin: -44px 0 0 52px;
}

form.image_upload div.fake_upload {
  width: 190px;
  height: 26px;
  margin-top: -26px;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}

form.image_upload input.file {
  cursor: pointer;
  font-size: 200px;
  padding: 40px;
  float: right;
  display: block;
  position: relative;
}


div.formcontent {
  padding-left: 180px;
  width: 330px;
}

div.formcontent.description {
  font-weight: bold;
  margin-bottom: 10px;
  color: #009600;
  font-size: 1.2em;
  background: url('../img/icons/ok.gif') 145px 0 no-repeat;
  padding-bottom: 10px;
}

form.slim div.formcontent.description {
  padding-left: 35px;
  background: url('../img/icons/ok.gif') 0 0 no-repeat;
}

div.formcontent.description-error {
  color: #DA2740;
  background: url('../img/icons/error.png') 145px 5px no-repeat;
}

input, 
textarea {
  font: Tahoma, Arial, Verdana, sans-serif;
}

textarea.text,
select.text,
input.text {
  border: 1px solid #9CA5B0;
  font-family: inherit;
  font-size: 1.2em;
  padding: 5px 10px;
  display: block;
  width: 300px;
  cursor: text;
  color: #2C3035;
  background-color: #fff;
  height: 20px;
}

select.text {
  padding: 5px;
  height: 30px;
}
select.text.small {
  width: 190px;
}

textarea.text {
  height: 50px;
  font-size: 1em;
}
textarea.text.big {
  height: 150px;
}

form div.row.error input.text,
form div.row.error textarea.text {
  border: 2px solid #DA2740;
  padding: 4px 9px;
  background-color: #E5CACF;
  color: #000;
}




form.sidebar {
  width: 190px;
  overflow: hidden;
}

form.small {
  width: 240px;
  overflow: hidden;
}

form.sidebar select.text {
  width: 190px;
}

form.sidebar input.text {
  width: 168px;
}

form.sidebar label {
  text-align: left;
  width: 100%;
  display: block;
  margin-top: 10px;
  float: none;
}







#trcp_debug {
  margin-top: 50px;
  font-size: 0.8em;
}




div.sitewidth {

}

div#header {
  height: 165px;
  margin-top: 10px;
  background: url(../img/trail.gif) no-repeat 0 106px transparent;
}

div#authbox {
  width: 386px;
  overflow: hidden;
  float: right;

}

a#logo {
  width: 193px;
  height: 106px;
  float: left;
  margin-left: 20px;
}

div#quick_login {
  overflow: hidden;
  width: 500px;
  margin-top: 50px;
}
div#quick_login div.error {
  color: #DA2740;
  font-weight: bold;
  padding-left: 110px;
}

div#quick_login div.success {
  color: #26B534;
  font-weight: bold;
  padding-left: 110px;
}

div#authbox form {
  clear: both;
  padding: 0 0 0 20px;
}

div#authbox form a.password-forgotten {
  display: block;
  clear: both;
}

div#authbox div.login-fields label {
  width: 80px;
  padding: 10px 10px 0 0;
  float: left;
  margin: 0;
}

div#authbox div.login-submit {
  padding-top: 10px;
}

div#authbox div.login-submit label {
  width: 120px;
  padding: none;
  text-align: left;
}

div#authbox div.login-fields {
  width: 220px;
  float: left;
}

div#authbox input.text {
  width: 100px;
  font-size: 1em;
  padding: 2px 5px;
  margin-top: 5px;
  float: left;
}


div#authbox div.user-meta {
  padding-top: 20px;
}

div.miniavatar {
  width: 70px;
}

div#authbox div.user-meta div.avatar {
  width: 70px;
  float: right;
  text-align: center;
}

div#authbox div.user-meta p {
  float: right;
  text-align: right;
  margin-right: 20px;
  width: 285px;
  overflow: hidden;
}


.button {
  display: block;
  height: 16px;
  overflow: hidden;
  text-align: center;
  padding: 5px;
  color: #fff;
  cursor: pointer;
  background: url(../img/sprite_buttons.png) no-repeat;
}

a.button,
a.button:hover {
 color: #fff;
 text-decoration: none;
}

/* hack! */
input.button {
  height: 26px;
}

.button.tiny {
  width: 39px;
  background-position: 0 0;
}
.button.tiny:hover {
  background-position: -333px 0;
}

.button.small {
  width: 86px;
  background-position: 0 -29px;
}
a.button.small {
  width: 76px;
}
.button.small:hover {
  background-position: -333px -29px;
}

.button.normal {
  width: 131px;
  background-position: 0 -59px;
}
a.button.normal {
  width: 121px;
}
.button.normal:hover {
  background-position: -333px -59px;
}

.button.big {
  width: 190px;
  background-position: 0 -88px;
}
a.button.big {
  width: 180px;
}
.button.big:hover {
  background-position: -333px -88px;
}

.button.huge {
  width: 275px;
  background-position: 0 -117px;
}
a.button.huge {
  width: 265px;
}
.button.huge:hover {
  background-position: -333px -117px;
}




.button.accent.tiny {
  background-position: -1000px 0;
}
.button.accent.tiny:hover {
  background-position: -333px 0;
}

.button.accent.small {
  background-position: -1000px -29px;
}
.button.accent.small:hover {
  background-position: -333px -29px;
}

.button.accent.normal {
  background-position: -1000px -59px;
}
.button.accent.normal:hover {
  background-position: -333px -59px;
}

.button.accent.big {
  background-position: -1000px -88px;
}
.button.accent.big:hover {
  background-position: -333px -88px;
}

.button.accent.huge {
  background-position: -1000px -117px;
}
.button.accent.huge:hover {
  background-position: -333px -117px;
}




.button.light.tiny {
  background-position: -666px 0;
}
.button.light.tiny:hover {
  background-position: -333px 0;
}

.button.light.small {
  background-position: -666px -29px;
}
.button.light.small:hover {
  background-position: -333px -29px;
}

.button.light.normal {
  background-position: -666px -59px;
}
.button.light.normal:hover {
  background-position: -333px -59px;
}

.button.light.big {
  background-position: -666px -88px;
}
.button.light.big:hover {
  background-position: -333px -88px;
}

.button.light.huge {
  background-position: -666px -117px;
}
.button.light.huge:hover {
  background-position: -333px -117px;
}



.button.add.tiny {
  background-position: 0 -251px;
}
.button.add.tiny:hover {
  background-position: -333px -251px;
}

.button.add.small {
  background-position: 0 -280px;
}
.button.add.small:hover {
  background-position: -333px -280px;
}

.button.add.normal {
  background-position: 0 -309px;
}
.button.add.normal:hover {
  background-position: -333px -309px;
}

.button.add.big {
  background-position: 0 -338px;
}
.button.add.big:hover {
  background-position: -333px -338px;
}

.button.add.huge {
  background-position: 0 -367px;
}
.button.add.huge:hover {
  background-position: -333px -367px;
}



ul.metanavi {
  list-style-type: none;
  width: 110px;
  float: right;
  margin: 0;
}
ul.metanavi li {
  float: left;
}
ul.metanavi li a {
  float: left;
  display: block;
  padding: 5px;
}

ul.tabs {
  padding-left: 10px;
  padding-right: 8px;
  list-style-type: none;
  border-bottom: 2px solid #33ab33;
  margin: 0;
}
ul.tabs li {
  font-size: 17px;
  overflow: hidden;
  float: left;
  padding-left: 10px;
  margin-right: 2px;  
  background: url(../img/sprite_tabs.gif) no-repeat left -83px;
}
ul.tabs li.active,
ul.tabs li:hover {
  background-position: left top;
}

ul.tabs li a,
ul.tabs li span {
  text-decoration: none;
  color: #fff;
  float: left;
  height: 16px;
  padding: 5px 10px 10px 0;
  overflow: hidden;
  background: url(../img/sprite_tabs.gif) no-repeat right -83px;
}

ul.tabs li.active a,
ul.tabs li:hover a,
ul.tabs li.active span,
ul.tabs li:hover span {
  color: #000;
  background-position: right top;
}



ul.tabs.small-tabs {
  border-color: #6E7BCC;
  margin-bottom: 20px;
}

ul.tabs.small-tabs li {
  font-size: 12px;
  background-position: left -166px;
}

ul.tabs.small-tabs li.right {
  float: right;
}

ul.tabs.small-tabs li a {
  height: 10px;
  background-position: right -166px;
  color: #575E7F;
}

ul.tabs.small-tabs li.active,
ul.tabs.small-tabs li:hover {
  background-position: left -249px;
}

ul.tabs.small-tabs li.active a,
ul.tabs.small-tabs li:hover a {
  background-position: right -249px;
  color: #000;
}



div.tab-content {
  display: none;
}

div.tab-content.active {
  display: block;
  overflow: hidden;
}

ul.subtabs {
  margin: 0;
  width: 190px;
}

ul.subtabs li {
  display: block;
  background-color: #3bbe41;
  margin-bottom: 2px;
  border-left: 2px solid #009600;
  border-right: 2px solid #009600;
  padding-left: 8px;
}

ul.subtabs a {
  display: block;
  padding: 3px 10px 3px 15px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}



ul.subtabs li:hover.first-child,
ul.subtabs li.active.first-child {
  background-position: 0 -333px;
}
ul.subtabs li:hover.first-child a,
ul.subtabs li.active.first-child a {
  background-position: right -333px;
  border: none;
}

ul.subtabs li:hover.last-child,
ul.subtabs li.active.last-child {
  background-position: 0 -364px;
}
ul.subtabs li:hover.last-child a,
ul.subtabs li.active.last-child a {
  background-position: right -364px;
  border: none;
}

ul.subtabs li:hover,
ul.subtabs li.active {
  background-color: #009600;
}


ul.subtabs li.first-child {
  background: url(../img/sprite_tabs.gif) no-repeat 0 -416px;
  border: none;
}

ul.subtabs li.last-child {
  background: url(../img/sprite_tabs.gif) no-repeat 0  -448px;
  border: none;
}
ul.subtabs li.first-child a {
  background: url(../img/sprite_tabs.gif) no-repeat right -416px;
  border: none;
  padding-top: 5px;
}
ul.subtabs li.last-child a {
  background: url(../img/sprite_tabs.gif) no-repeat right -448px;
  border: none;
  padding-bottom: 5px;
}

/* =searchbar */

div.searchbar {
  height: 40px;
  background-color: #56c665;
  border-bottom: 2px solid #33ab33;

}

div.searchbar input.text {
  background-color: #F2FAF2;
  border-color: #059B05;
  width: 140px;
  float: left;
  margin-right: 10px;
  font-size: 1em;
  height: 17px;
}

div.searchbar input.button {
  margin-top: 2px;
}

div.searchbar form {
  margin-top: 5px;
  float: right;
  width: 265px;
}

div.searchbar ul.breadcrumb {
  float: left;
  list-style-type: none;
  margin-top: 8px;
}

div.searchbar ul.breadcrumb li,
div.searchbar ul.breadcrumb a {
  float: left;
}

div.searchbar ul.breadcrumb a,
div.searchbar ul.breadcrumb span {
  display: inline-block;
  padding: 3px 10px 3px 23px;
  margin-left: 5px;
  height: 18px;
  color: #fff;
  background: url(../img/breadcrumb_back.png) left 3px no-repeat;
}

div.searchbar ul.breadcrumb span {
  color: #000;
}
div.searchbar ul.breadcrumb span.link {
  color: #fff;
}

div.searchbar ul.breadcrumb a:hover,
div.searchbar ul.breadcrumb span.link:hover {
  background-color: #69d87d;
  color: #000;
  text-decoration: none;
}


div.content {
  margin-top: 20px;
}


/* =profile */
div.profile div.infobar {
  margin-bottom: 20px;
}

div.profile div.infobar div.notification {
  padding: 7px 10px 7px 35px;
  margin-bottom: 5px; 
  background: url(../img/icons/info.gif) no-repeat #FFFDA9 5px 5px;
}

div.profile div.infobar img {
  float: left;
}

div.profile div.infobar .userinfo {
  width: 250px;
  float: left;
  margin: 0 20px;
}

div.profile div.infobar .userinfo p {
  margin-bottom: 0;
}

div.profile div.infobar .userinfo h2 {
  margin-bottom: 3px;
}

div.profile div.infobar .userinfo .motto span {
  display: block;

}

div.profile div.infobar .activityinfo {
  width: 150px;
  float: left;
}

div.profile div.infobar .activityinfo h3 {
  margin-bottom: 2px;
}

div.profile div.infobar .activityinfo ul {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #A1D3D6;
}

div.profile div.infobar .activityinfo ul li {
  border-top: 1px solid #A1D3D6;
}

div.profile div.infobar .activityinfo strong {
  display: inline-block;
  width: 50px;
  padding-right: 5px;
  text-align: right;
}

div.profile div.infobar .useractions, 
div.profile div.infobar .quicklinks {
  float: left;
  width: 320px;
  margin-left: 40px;
}

div.profile div.infobar .useractions ul,
div.profile div.infobar .quicklinks ul {
  list-style-type: none;
}

div.profile div.infobar .useractions a,
div.profile div.infobar .useractions span,
a.feedlink {
  display: block;
  padding: 10px 10px 0 40px;
  background: url(../img/sprite_usericons.gif) no-repeat;
  height: 20px;
}

div.profile div.infobar .useractions a.friends,
div.profile div.infobar .useractions span.friends {
  background-position: 2px -131px;
}
div.profile div.infobar .useractions a.friends:hover,
div.profile div.infobar .useractions span.friends.active {
  background-position: 2px -4px;
}

div.profile div.infobar .useractions a.message {
  background-position: 0 -169px;
}
div.profile div.infobar .useractions a.message:hover {
  background-position: 0 -42px;
}

div.profile div.infobar .useractions a.feed,
a.feedlink {
  background-position: 2px -207px;
}
div.profile div.infobar .useractions a.feed:hover,
a.feedlink:hover {
  background-position: 2px -80px;
}

div.profile div.infobar .quicklinks li {
  float: left;
  width: 150px;
}

div.profile div.infobar .quicklinks a {
  display: block;
  padding: 30px 10px 0 40px;
  background: url(../img/sprite_quicklinks.gif) no-repeat;
  height: 40px;
}

div.profile div.infobar .quicklinks a.tip {
  background-position: 0 0;
}
div.profile div.infobar .quicklinks a.tip:hover {
  background-position: 0 -83px;
}

div.profile div.infobar .quicklinks a.question {
  background-position: 0 -170px;
}
div.profile div.infobar .quicklinks a.question:hover {
  background-position: 0 -253px;
}

div.profile dl.profiledata {
  overflow: hidden;
}

div.profile dl.profiledata dt {
  width: 140px;
  float: left;
}

div.profile dl.profiledata dd {
  width: 300px;
  float: left;
}

div.usermap {
  height: 230px;
}


div.profile div.identical-friend {
  margin-bottom: 10px;
  overflow: hidden;
  clear: both;
}

div.profile div.identical-friend div.miniavatar {
  margin-right: 10px;
  float: left;
}

/* =avatar */
div.miniavatar a {
  display: block;
  width: 70px;
  height: 70px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  text-decoration: none;
}

div.miniavatar .points {
  background: url(../img/sprite_points.png) no-repeat;
  float: left;
  margin: 0 0 0 0;
  padding: 3px;
  line-height: 12px;
  height: 13px;
  width: 13px;
  overflow: hidden;
  text-align: center;
  color: #2C2F35;
}


div.miniavatar .points.three {
  background-position: 0 -26px;
  width: 22px;
}

div.miniavatar .points.four {
  background-position: 0 -52px;
  width: 29px;
}

div.miniavatar .points.five {
  background-position: 0 -77px;
  width: 36px;
}

a.userlink span.points {
  padding: 0 3px;
  color: #000;
  background-color: #D4DADD;
  font-size: 11px;
}

a.userlink span.points.three {
  background-color: #E8F75E;
}

a.userlink span.points.four {
  background-color: #8ACE94;
}

a.userlink span.points.five {
  background-color: #EAC873;
}



/* =cols */
div.col_1_4 {
  float: left;
  width: 210px;
  overflow: hidden;
  min-height: 10px;
}

div.inner_col_1_4 {
  float: left;
  width: 196px;
  overflow: hidden;
  min-height: 10px;
}

div.col_1_2 {
  float: left;
  width: 440px;
  overflow: hidden;
  min-height: 10px;
}

div.col_3_4 {
  float: left;
  width: 670px;
  overflow: hidden;
  min-height: 10px;
}

div.col_1_3 {
  float: left;
  width: 290px;
  overflow: hidden;
  min-height: 10px;
}

div.col_1_3_2 {
  float: left;
  width: 285px;
  overflow: hidden;
  min-height: 10px;
}

div.col_2_3 {
  float: left;
  width: 590px;
  overflow: hidden;
  min-height: 10px;
}


div.content-slim {
  padding: 0 205px;
}

div.modal-box div.content-slim {
  padding: 0;
}

/* =preview */

div.preview {
  margin-bottom: 20px;
  overflow: hidden;
  height: 90px;
}

div.preview h4 a {
  color: #009600;
}

div.preview img,
div.preview .miniavatar {
  display: block;
  float: left;
  margin: 5px 20px 0 0;
}

div.preview div.text {
  float: left;
  width: 335px;
  margin-right: 20px;
  overflow: hidden;
}

div.preview div.user {
  margin-bottom: 3px;
}

div.preview div.info {
  float: left;
  width: 193px;
  border-left: 2px solid #A1D3D6;
  height: 80px;
  overflow: hidden; 
  padding: 5px 0 5px 20px;
}

div.preview div.info ul {
  list-style-type: none;
  margin: 0;
}

div.preview-tip-mini {
  margin-bottom: 10px;
  height: auto;
}

div.preview-tip-mini div.text {
  width: 300px;
  margin: 0;
}

div.preview-tip-mini div.text.no-image {
  width: auto;
  margin: 0;
}

div.preview-tip-mini a.image {
  margin-right: 10px;
}

div.preview.preview-message {
  height: 70px;
}
div.preview.preview-message div.info {
  height: 60px;
}

div.preview.preview-message div.miniavatar {
  float: left;
  margin-right: 20px;
}


div.preview.preview-question div.text {
  width: 250px;
}
div.preview.preview-question div.info {
  width: 278px;
}

div.preview.preview-question div.answers {
  background: url(../img/answer_small.png) no-repeat;
  padding: 2px 0 0 32px;
  height: 32px;
  margin-top: 3px;
}

div.preview.preview-question div.answers span.link {
  display: block;
  font-weight: bold;
}


span.message-read {
  padding: 2px 0 4px 27px;
  padding-left: 27px;
  background: url(../img/icons/message_read.png) no-repeat;
}
span.message-unread {
  padding: 2px 0 4px 27px;
  color: #DA2740;
  font-weight: bold;
  background: url(../img/icons/message_unread.png) no-repeat;
}


ul.star-rating {
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}

ul.star-rating li {
  margin-right: 1px;
  float: left;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/sprite_stars.gif) #fff no-repeat;;
}

ul.star-rating li.star {
  background-position: 0 -20px;
}

ul.star-rating li.small-star {
  background-position: 0 -61px;
}

ul.star-rating.active li {
  cursor: pointer;
}

ul.star-rating.active li.hover {
  background-position: 0 -41px;
}



/* =modal layer */
#modal-layer-content div.loader {
  height: 32px;
  width: 380px;
  padding: 12px 10px 0 50px;
  background: url(../img/loader/flower_35.gif) 5px 5px no-repeat;
  background-color: #fff;
}

#modal-layer-content span.close {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/icons/close.png) no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
}

#modal-layer-content div.modal-box {
  width: 550px;
  padding: 20px;
  background-color: #fff;
  border: 5px solid #D4DADD;
}

#modal-layer-content div.modal-error {
  padding: 10px;
  background-color: #fff;
  width: 400px;
}

#modal-layer-content div.modal-scroll {
  height: 500px;
  overflow: auto;
}

div.reply-text {
  max-height: 100px;
  padding: 5px;
  overflow: auto;
}

/* =popup */
div.popup {
  position: absolute;
  width: 218px;
  overflow: hidden;
  z-index: 1000;
}

div.popup * {
  margin: 0;
}

div.popup .content {
  background: url(../img/sprite_corners.png) -3px -72px no-repeat;
  padding: 12px 10px 0px 20px;
}
div.popup .footer {
  height: 9px;
  background: url(../img/sprite_corners.png) -3px -317px no-repeat;
}


/* =rte box*/
#tip_edit_text {
  height: 300px;
}

/* =tip */
div.tip h2 {
  margin-top: 20px;
}

div.tip h1 {
  margin-bottom: 0;
}

p.subheader {
  margin-top: 0;
  font-size: 1.2em;
}

div.tip div.images{
  overflow: hidden;
  margin-top: 10px;
}

div.question div.images {
  overflow: hidden;
}
div.tip div.images img.img-big {
  margin-bottom: 2px;
}

div.tip div.images img,
div.question div.images img {
  border: 2px solid #fff;
}

div.tip div.images a:hover img,
div.question div.images a:hover img {
  border-color: #A1D3D6;
}

div.tip div.images img.img-small {
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 47px;
  margin-left: 2px;
}

div.tip div.images img.img-small.c2 {
  margin-left: 0;
}

div.tip div.userinfo div.miniavatar,
div.question div.userinfo div.miniavatar {
  float: left;
}
div.tip div.userinfo p,
div.question div.userinfo p {
  float: left;
  width: 130px;
  margin: 5px 0 0 10px;
}
div.tip div.userinfo p a,
div.question div.userinfo p a {
  font-size: 1.1em;
  display: block;
}


/* =tip-home */
div.tip-home div.tags div.c {

  overflow: hidden;
}


/* =comment */

div.comments {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 2px solid #A1D3D6;
}

div.comment {
  margin-top: 15px;
}
div.comment div.miniavatar {
  float: left;
}
div.comment div.text {
  width: 300px;
  margin-left: 15px;
  float: left;
}

/* =tagcloud */
ul.tagcloud {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
ul.tagcloud li {
  display: inline;
  padding: 5px;
}
ul.tagcloud li.size1 {
  font-size: 0.9em;
}
ul.tagcloud li.size2 {
  font-size: 1.05em;
}
ul.tagcloud li.size3 {
  font-size: 1.2em;
}
ul.tagcloud li.size4 {
  font-size: 1.3em;
  font-weight: bold;
}
ul.tagcloud li.size5 {
  font-size: 1.4em;
  font-weight: bold;
}

ul.categorycloud a,
ul.monthcloud a {
  color: #9FA6B0;
}

ul.categorylist {
  list-style-type: none;
  margin-left: 0;
}
ul.categorylist li {
  background: url(../img/icons/dot.png) no-repeat 0 3px;
  padding-left: 20px;
  font-size: 1.1em;
}
ul.categorylist li.active {
  font-weight: bold;
}
ul.categorylist li p {
  font-size: 0.9em;
}

/* =accordion */

div.accordion {
  border-bottom: 1px solid #A1D3D6;
}
div.accordion h3 {
  padding: 5px;
  font-size: 1em;
  margin: 0;
}
div.accordion h3 a {
  color: #009600;
  display: block;
  height: 16px;
  overflow: hidden;
  padding-right: 20px;
  background: url(../img/icons/arrow_r_dark.png) no-repeat right top;
}
div.accordion p {
  padding: 0 5px;
  height: 85px;
  overflow: hidden;
}
div.help {
  border-bottom: 1px solid #A1D3D6;
}
.profile div.accordion p {
  height: 70px;
}
div.accordion p span.small-gray {
  display: block;
  height: 15px;
  overflow: hidden;
}
div.accordion p img {
  display: block;
  float: left;
  margin: 0 10px;
}
div.help h3 {
  padding: 5px;
  font-size: 1em;
  margin: 0;
  cursor: pointer;  
}
div.help p {
  padding: 5px;
  margin: 0;
}

/* =icons */

.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -1000px;
  white-space: nowrap;
  background: transparent no-repeat;
}

.icon.arrow-l {
  background-image: url(../img/icons/arrow_l.png);
}
.icon.arrow-l.dark {
  background-image: url(../img/icons/arrow_l_dark.png);
}
.icon.arrow-l.active,
.icon.arrow-l.dark:hover {
  background-image: url(../img/icons/arrow_l_active.png);
}

.icon.arrow-r {
  background-image: url(../img/icons/arrow_r.png);
}
.icon.arrow-r.dark {
  background-image: url(../img/icons/arrow_r_dark.png);
}
.icon.arrow-r.active,
.icon.arrow-r.dark:hover {
  background-image: url(../img/icons/arrow_r_active.png);
}

.icon.darrow-l {
  background-image: url(../img/icons/darrow_l.png);
}
.icon.darrow-l.dark {
  background-image: url(../img/icons/darrow_l_dark.png);
}
.icon.darrow-l.active,
.icon.darrow-l.dark:hover {
  background-image: url(../img/icons/darrow_l_active.png);
}

.icon.darrow-r {
  background-image: url(../img/icons/darrow_r.png);
}
.icon.darrow-r.dark {
  background-image: url(../img/icons/darrow_r_dark.png);
}
.icon.darrow-r.active,
.icon.darrow-r.dark:hover {
  background-image: url(../img/icons/darrow_r_active.png);
}

.icon.dot {
  background-image: url(../img/icons/dot.png);
}
.icon.dot.active {
  background-image: url(../img/icons/dot_active.png);
}

.arrow-l {
  background: url(../img/icons/arrow_l.png) no-repeat;
  padding-left: 20px;
}
.arrow-l:hover {
  background-image: url(../img/icons/arrow_l_active.png);
}

/* =pagination */

div.pagination span.pages {
  padding: 0 10px;
}

div.pagination span.active-page {
  font-weight: bold;
}


div.pagination {
  width: 445px;
  float: left;
}


ul.user-actions {
  list-style-type: none;
  margin: 0;
  margin-bottom: 20px;
}
ul.user-actions li {
  border-top: 1px solid #A1D3D6;
}
ul.user-actions li a {
  display: block;
  padding: 5px 10px
}

.tip p.web {
  padding: 0 10px;
  margin-top: 20px;
}


div.friendship-profile {
  width: 270px;
  float: left;
  margin: 0 20px 20px 0;
}
div.friendship-profile div.miniavatar {
  float: left;
  margin-right: 20px;
}




/* generic classes */
.clear {
  clear: both;
}

.float-left {
  float: left;
}
.float-left-content * {
  float: left;
}

.float-right {
  float: right;
}
.float-right-content * {
  float: right;
}

.clickable {
  cursor: pointer;
}

.no-text {
  overflow: hidden;
  text-indent: -1000px;
  white-space: nowrap;
}

.hidden {
  visibility: hidden;
}

.display-none {
  display: none;
}

.mt5 {
  display: block;
  margin-top: 5px;
}
.mt10 {
  display: block;
  margin-top: 10px;
}
.mb5 {
  display: block;
  margin-bottom: 5px;
}
.mb10 {
  display: block;
  margin-bottom: 10px;
}
.mr10 {
  display: block;
  margin-right: 10px;
}
.ml10 {
  display: block;
  margin-left: 10px;
}
.mt20 {
  display: block;
  margin-top: 20px;
}
.mb20 {
  display: block;
  margin-bottom: 20px;
}
.mr20 {
  display: block;
  margin-right: 20px;
}
.ml20 {
  display: block;
  margin-left: 20px;
}
.w100 {
  width: 100px !important;
}
.w200 {
  width: 200px !important;
}
.w300 {
  width: 300px !important;
}
.w400 {
  width: 400px !important;
}

.small-gray {
  color: #9FA6B0;
  font-size: 0.9em;
}



div.user-gallery img {
  position: absolute;
}
div.user-gallery div.c {
  height: 220px;
}

div.user-gallery img.big-img {
  display: none;
  z-index: 200;
}


div.userpreview-small {
  margin-bottom: 20px;
}
div.userpreview-small div.miniavatar {
  float: left;
  margin-right: 10px;
}
div.userpreview-small p {
  float: left;
  width: 130px;
}

#user_register_captcha-id {
  display: none;
}


/* =answers */
form.answer div.cf {
  background: url(../img/answer_large.png) no-repeat 340px 20px;
}
form.answer div.cf.no-bg {
  background: none;
}

div.comment_rating {
  border-top: 1px solid #A1D3D6;
  margin-top: 10px;
  padding-top: 10px;
}

/* =questions */

ul.most-discussed-questions a.question {
  color: #000;
  font-size: 1.2em;
}

div.q,
div.t {
  border-bottom: 1px solid #A1D3D6;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

div.q h3,
div.t h3 {
  font-size: 13px;
  color: #059B05;
  padding: 0;
  margin: 0;
}

div.q h3 a,
div.t h3 a {
  display: block;
  color: #059B05;
}

div.q img.status {
  display: block;
  width: 40px;
  float: left;
  margin-right: 10px;
}

div.t img {
  display: block;
  float: left;
  margin-right: 10px;
}

div.q div.body {
  float: left;
  width: 450px;
}
div.q div.miniavatar {
  float: right;
}

a.last-question {
  font-size: 18px;
  color: #000;
  text-decoration: underline;
}

/* =poll */
div.polloption-result {
  margin-top: 5px;
  background-color: #6E7BCC;
  padding: 0 1px;
  color: #fff;
  font-size: 0.9em;
  height: 10px;
}

#footer {
  border-top: 1px solid #D4DADD;
  margin-top: 40px;
  padding-top: 10px;
  color: #9FA6B0;
  text-align: center;
  font-size: 0.9em;
}
#footer a, 
#footer span {
  color: #9FA6B0;
}

#footer ul.footernavi {
  list-style-type: none;
}

#footer ul.footernavi li {
  display: inline;
  padding: 0 10px;
  border-left: 1px solid #D4DADD;
}

#footer ul.footernavi li.first {
  border-left: none;
}

#footer a.zf_logo {
  display: inline-block;
  width: 127px;
  height: 25px;
  background: url(../img/sprite_footerlogos.gif);
}
#footer a.zf_logo:hover {
  background-position: 0 -25px;
}

#footer a.huettenhilfe_logo {
  display: inline-block;
  width: 146px;
  height: 25px;
  background: url(../img/sprite_footerlogos.gif) -150px 0;
}
#footer a.huettenhilfe_logo:hover {
  background-position: -150px -25px;
}

#footer span.mkg_logo {
  display: inline-block;
  width: 96px;
  height: 25px;
  background: url(../img/sprite_footerlogos.gif) -300px 0;
}
#footer span.mkg_logo:hover {
  background-position: -300px -25px;
}

div.errorpage {
  width: 720px;
  margin: 0 90px;
}


/* huettenhilfe */
ul.huettenhilfe-receipes {
  list-style-type: none;
}

ul.huettenhilfe-receipes li {
  background: url(../img/icons/huettenhilfe_house.gif) no-repeat 0 0;
  margin-left: 0;
  padding-left: 30px;
}


/* =home */
div.home ul.categorylist {
  width: 230px;
  float: left;
}
div.home ul.tagcloud {
  width: 360px;
  float: left;
}

div.userinfo-small {
  width: 290px;
  float: left;
}


/* =album */

div.add-to-album a {
  background: url(../img/sprite_album.gif) no-repeat 10px 0;
  display: block;
  height: 20px;
  padding-left: 40px;
}

div.add-to-album a.active {
  background-position: 10px -41px;
}

/* =ads */

div.ad-120x240 {
  width: 120px;
  height: 240px;
  float: right;
  margin: 0 0 5px 10px;
}