/* common */

img.languageflag {
  padding-left: 3px;
  position: relative;
  vertical-align: middle;}


img.curicon {
  padding-left: 3px;
  position: relative;
  vertical-align: middle;
  top: -1px;}


.debugMessage {
	font-family: "Courier New", Courier, mono;
	color: #fff;
	background-color: red;
	border-bottom: 1px solid white;
	padding: 2px;
	text-align: left;
	margin:0;}


.progressbar {
	position: relative;
	display: block;
	width: 460px;
	background-color: #c6c7b8;
	height: 20px;}

.progressbar .percent {
	position: relative;
	height: 20px;
	background-color: #2e9cc0;}


.stepNavigation {
	float: right;
	margin-top: 13px;
	padding: 17px 10px 0 0;
	background: url(../images/stepnavi.gif) no-repeat right;
	line-height: normal;}

.stepNavigation span {
	padding: 0 10px 0 0;}

.stepNavigation .currentStep {
	color: #FF00FF;}


.hr {
  border-top: 1px dotted #BBBD9B;
  padding-top: 20px;}

#boxContent #boxLeftColumn .hr{
  margin-top: 10px;
  padding-top: 10px;}

.divider {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-bottom: 1px solid #c6c7b8;
	margin: 20px -20px 0 -20px;}

#boxContent #boxRightColumn .divider{
	margin: 20px -14px 0 -19px;}

#boxContent #boxRightColumn h2 {
	margin-bottom: 0;}

#boxContent #boxLeftColumn .divider{
	margin: 20px -15px 0 -20px;}


.banner {
	margin-top: 20px;}


::-moz-selection {
	background: #2E9CC0;
	color: #fff;}



/* news */

.newsList {
  margin-top: 16px;}

.newsList li {
	line-height: 17px;
	margin: 8px 0 0 0;
	padding: 0;
	background: 0;}

.newsList li a {
	font-size: 1.1em;}

.newsList li span {
	color: #84ba3c;
	font-size: .9em;}




/* terms of use */

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

.termsOfUse p {
  margin-top: 10px;}

.termsOfUse ul {
  margin-top: 10px;}




/* contest */

.contestStatus {
	margin-top: 10px;
	padding-top: 10px;
	float: left;
	background: url(../images/conteststatusbg.gif) no-repeat;
	width: 250px;
	height: 60px;
	color: white;
	text-align: center;}

.contestStatus .info {
	font-size: 3em;
	color: white;
	border: 0;}

.contestWinner {
	margin-top: 5px;
	padding-top: 7px;
	background: url(../images/contestwinnerbg.gif) no-repeat;
	width: 169px;
	height: 70px;
	color: white;
	text-align: center;}

.contestWinner .place{
	font-size: 3em;
	color: white;}


.contestTopic {
  width: 455px;
  height: 74px;
  padding: 10px 10px 0 80px;
  margin-top: 20px;
  background: url(../images/contesttopicbg.gif);}

.contestTopic h4 {
  margin-top: 5px;
  font-weight: bold;
  color: #ffffff;}

.contestTopic p {
  font-size: 1.1em;
  margin-top: 15px;
  color: #ffffff;}




/* shop */


.shopDlcSelection {
  background-color: #eeeee6;
  padding: 10px;
  margin: 20px 0 0 0;

  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url('border-radius.htc');}




.shopItemDlc {
  width: 150px;
  /*height: 195px;*/
  background-color: #eeeee6;
  text-align: center;
  padding: 10px 10px 20px 10px;
  float: left;
  margin: 20px 15px 0 0;

  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url('border-radius.htc');}

.shopItemDlcSubscription {
  width: 320px;
  margin-right: 30px;}

.shopItemDlc.lastChild, .shopItemDlcSubscription.lastChild {
  margin-right: 0;}

.shopItemDlc h2 {
  margin-top: 0px;}

.shopItemDlc h2 span {
  font-weight: bold;
  color: #86ab3f;}

.shopItemDlc p {
  margin-top: 5px;}

.shopItemDlc p.price {
  margin-top: 5px;
  color: #2E9CC0;}

.shopItemDlc p.price span {
  font-size: 1.6em;
  font-weight: bold;
  color: #2E9CC0;}

.shopItemDlc a.buy {
  margin-top: 10px;
  display: block;}


.shopItemCustomDlc {
  width: 500px;
  height: 90px;
  background-color: #eeeee6;
  padding: 18px 20px 20px 20px;
  margin: 20px 0;}

.shopItemCustomDlc h2 {
  margin: 0;}

.shopItemCustomDlc .inputText {
  width: 80px;
  margin: 15px 0 0 0;
  padding: 3px 3px 3px 4px;
  font-size: 1.4em;}

.shopItemCustomDlc .subline {
  font-size: 0.9em;
  margin: 5px 0 0 0;}

.shopItemCustomDlc .summary {
  margin-top: 5px;}

.shopItemCustomDlc .summary h2 {
   font-weight: bold;
   white-space: nowrap;}

.shopItemCustomDlc .summary h2 span {
   color: #2E9CC0;}

.shopItemCustomDlc .summary p {
  margin-top: 2px;}

.shopItemCustomDlc .summary .inputImage {
  margin-top: 10px;}


.shopBasketTotal {
  text-align: right;
  margin-top: 20px;}

.shopBasketTotal p {
  font-size: 1.4em;
  color: #2E9CC0;
  margin-top: 0px;}




.shopBreadCrumb {
  margin-top: 27px;
  background: #eeeee6 url(../images/bcend.gif) no-repeat top right;
}

.shopBreadCrumb a, .shopBreadCrumb span {
  position: relative;
  display: block;
  float: left;
  height: 23px;
  line-height: 23px;
  padding: 0 30px 0 10px;

  background: #2e9cc0 url(../images/bcon.gif) no-repeat top right;
  color: white;
  text-decoration: none;
}

.shopBreadCrumb span {
  color: #c0e1ec;
}

.shopBreadCrumb span.current {
  font-weight: bold;
  color: white;
}

.shopBreadCrumb .nextoff {
  background: #2e9cc0 url(../images/bconnextoff.gif) no-repeat top right;
}



select.shopPaymentMethod {
  font-size: 1.4em;
	padding: 2px;
	width: 100%;}

select.shopPaymentMethod option {
  margin: 5px 0 2px 5px;}


.shopDLCLegende {
	padding-left: 15px;
	background: transparent url(../images/bluestar.gif) no-repeat 0 3px;}


.dlcStatus {
  margin-top: 20px;
  padding: 20px;
  float: left;
  color: white;
  text-align: center;
  background-color: #2d9bc1;

  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url('border-radius.htc');}

.dlcStatus .info {
	font-size: 5em;
	color: white;}


.accessstats {
  margin-top: 20px;
  padding-top: 14px;
  background: url(../images/statsbg.gif) no-repeat;
  width: 265px;
  height: 100px;
  color: white;
  text-align: center;}

.accessstats .info {
	font-size: 4em;
	color: white;}


.infoboxBlue {
  margin-top: 20px;
  padding: 10px;
  background: url(../images/boxblue.gif) no-repeat;
  width: 150px;
  height: 150px;
  color: white;
  text-align: center;
  background-color: red;}

.infoboxBlue h2, .infoboxBlue p {
  color: white;}




.shopDlcSelect {
	margin-top: 15px;}

.shopDlcSelect th {
  background-color: #ddddd4;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	border-bottom: 1px solid white;
	text-align: left;}

.shopDlcSelect td {
	border: 0;
  background-color: #eeeee6;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #d1d1cc;
	text-align: left;
	cursor: pointer;
	white-space:nowrap;}

.shopDlcSelect td {
	border: 0;
  background-color: #eeeee6;
	padding: 7px 7px 7px 10px;
	text-align: left;
	border-bottom: 1px solid #d1d1cc;
	font-size: 1.2em;}

.shopDlcSelect .Radiobutton {
	margin-right: 2px;
  width: 15px;
  height: 15px;}

.shopDlcSelect .inputText {
  width: 30px;
  text-align: center;}


.shopDlcSelectPacket td, .shopDlcSelectPacket td span {
	color: #58514e;}

.shopDlcSelectPacketActive td, .shopDlcSelectPacketActive td span {
	color: white;
	background-color: #2e9cc0;}









/* tablist */

.tablist {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #dddecd;
}

.tablist li {
	list-style-type: none;
	background: 0;
	float: left;
	padding: 0;
	margin: 0;
}

.tablist li.active {
}

.tablist li a {
	display: block;

	padding: 5px;
  margin: 5px 2px 0 0;

  border-top: 1px solid #dddecd;
  border-right: 1px solid #dddecd;
  border-left: 1px solid #dddecd;

	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;

	outline: 0 none;

  filter: alpha(opacity=70);
	opacity: 0.7;

	background: #f0f0f0 url(../images/kwTab.gif) no-repeat 5px 50%;
	padding-left: 32px;
}


.tablist li.active a {
  margin: 0 2px 0 0;
	background-color: white;
	padding: 7px 5px 8px 32px;

  position: relative;
  top: 1px;

  height: 17px; /* der ie hat das gebraucht sonst fehlte oben die line am tab */

  filter: none;
	opacity: 1;
}


.tabbox {

}



/* linklist */

.linklist {
	margin: 20px 0 0 0;}

.linklist li {
	line-height: 16px;
	list-style-type: none;
	padding: 0;
	background: 0;}

.linklistVertical li {
	float: left;
	margin-right: 10px;}

/*.linklistWhite li {
	background: url(../images/linkiconwhite.gif) no-repeat 0 4px;}*/

.linklistWhite li a {
	color: white;}

.linklist li.newBlock {
  margin-top: 10px;}

.linklist li.feed {
	background: url(../images/rss_small.gif) no-repeat 0 .4em;
  padding-left: 22px;}

.linklist.large {
	font-size: 1em;}

.linklist.large li {
	line-height: 1.4em;
	padding-bottom: .6em;}


.optionlist li {
	padding-left:15px;
	background: url(../images/checkbox.gif) no-repeat 0 .4em;}

.optionlist li a {
	color: #58514E;
	text-decoration: none;}

.optionlist li a:hover {
	text-decoration: underline;}

.optionlist li.checked {
	padding-left:15px;
	background: url(../images/checkboxchecked.gif) no-repeat 0 .4em;}

.optionlist li.checked a {
	font-weight: bold;}

.optionlist li.checked a:hover {
	text-decoration: none;}



/*.optionlist li {
	padding-left:15px;
	background: url(../images/checkbox.gif) no-repeat 0 .4em;}

.optionlist li a {
	color: #2E9CC0;
	text-decoration: underline;}

.optionlist li a:hover {
	text-decoration: underline;}

.optionlist li.checked {
	padding-left:15px;
	background: url(../images/checkboxchecked.gif) no-repeat 0 .4em;}

.optionlist li.checked a {
	font-weight: bold;
	text-decoration: none;}

.optionlist li.checked a:hover {
	text-decoration: none;}*/



/* epoch calendar styles */

table.calendar {
	margin: 0;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
	/*-khtml-user-select: none;*/}

table.calendar td {
	border: 0;
	padding: 0;
	margin: 0;}

div.mainheading {
	text-align: left;
	margin-bottom: 10px;
	padding-top: 10px;}

div.mainheading h2 {
  margin: 0 0 4px;}

img.calbuttons {
  float: right;
  margin-right: 0px;
  cursor: pointer;}

img.calbuttons.right {
   margin-right: 10px;}

html *>b\ody img.calbuttons.right,
html:first-child>b\ody img.calbuttons.right {
	margin-right: 0;}

table.caldayheading {
	cursor: pointer;
	margin: 0 10px 5px 0;}

table.caldayheading td {
	border: solid #84ba3c 1px;
	text-align: center;
	color: white;
	width: 22px;
	background-color: #84ba3c;}

table.calcells {
	cursor: pointer;
	margin: 0 10px 0 0;}

table.calcells td {
	border: solid white 1px;
	vertical-align: middle;
	text-align: center;}

table.calcells td div {
	padding: 1px;
	margin: 0;}

table.calcells td.wkday {
	background-color: #DDDDDD;
	color: #777777;}

table.calcells td.wkend {
	background-color: #DDDDDD;
	color: #777777;}

table.calcells td.curdate {
  background-color: #2e9cc0;
  color: #ffffff;}

table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;}

table.calcells td.notmnth {
	background-color: #EEEEEE;
	color: #BBBBBB;}

table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;}

table.calcells td.hover {
	background-color: #2e9cc0;
  color: #ffffff;
}




/* charts */

.chart {
  width: 545px;
  margin: 20px 0 20px 0;
  background-color: #dddecd;}

.chart .charttop {
  width: 545px;
  height: 31px;
  margin-bottom: -10px;
  background: url(../images/charttop.gif);}

.chart .chartbar, .chart .chartbargreen {
  padding: 10px;
  margin: 10px 0 0 20px;
  overflow: visible;
  _overflow: hidden; /*against ie expanding box problem*/
  white-space: nowrap;
  color: white;
  background-color: #2e9cc0;}

.chart .chartbargreen {
  background-color: #84ba3c;}

.chart .chartbottom {
  width: 545px;
  height: 59px;
  background: url(../images/chartbottom.gif);}

p.chartfreetext {
  width: 455px;
  height: 47px;
  padding: 10px 10px 0 80px;
  margin-top: 20px;
  color: #58514e;
  background: url(../images/chartfreetext.gif);}




/* keywordmanager */

#keywordmanagercontent h2 {
	font-size: 14px;
}

#keywordmanagerScrollableContent {
	padding-bottom: 20px;}

.keywordlevel {
	width: 220px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;}

.keywordlevel select {
	width: 100%;}

.keywordlevel .keyword, .keywordlevel .syn, .keywordlevel .keywordedit, .keywordlevel .synedit {
	width: 65%;
	padding: 2px;
	border: 1px solid #c6c7b8;}

.keywordlevel .keywords, .keywordlevel .syns {
	padding: 2px;
	border: 1px solid #c6c7b8;
	margin-top: 10px;}

.keywordlevel .AddBtn, .keywordlevel .ReloadBtn, .keywordlevel .editBtn, .keywordlevel .moveBtn, .keywordlevel .delBtn {
	position: relative;
	top: 4px;}

.keywordlevel h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #2E9CC0;
	margin: 20px 0 0 0;}

#keywordSearchbox {
	clear: both;}

#keywordSearchbox .query {
	width: 95%;
	padding: 2px;
	border: 1px solid #c6c7b8;
	margin-top: 10px;}

#keywordSearchbox .RadioLabel {
	margin-top: 5px;}

#keywordSearchbox .searchBtn {
	margin-top: 15px;}


#searchhelper, #searchnoresults, #keywordDelHelper {
	display: none;}

#searchhelper ul {
	margin: 5px 0 20px 0;}

#searchhelper ul li {
	padding-left: 0;
	list-style-type: none;
	background: none;}


#keywordDelHelper .keywordFields .altkeywordlevel {
	width: 220px;
	float: left;
	margin-right: 15px;
	margin-top: 20px;}

#keywordDelHelper .keywordFields select {
	width: 220px;
	height: 200px;}

#currentAltKeyword {
	margin-top: 5px;}




/* notifications */

.notificationHeader {}

.notificationMessage {
  border-top: 1px solid #c6c7b8;
  margin-top: 20px;
  padding-top: 5px;}

.notificationMessage p {
	margin-top: 10px;}




/* search input verify */

.searchVerify {
  background-color: #ebebe1;
  padding: 20px;

  -moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url('border-radius.htc');}

.searchVerify h2 {
  font-size: 1em;
	font-weight: bold;
	color: #58514e;
	margin: 20px 0 5px 0;}

.searchVerify h2 span {
	color: #2e9cc0;}

.searchVerify .RadioLabel {
  /*margin-left: 15px;*/}

.searchVerify .RadioLabel .Radiobutton {
	margin-right: 5px;}



/* language selection */

.LanguageChanger {
  margin: 20px 0;
  padding: 10px 0 10px 15px;
  background-color: #c6c7b8;}

.LanguageChanger p {
  margin-top: 0;
  width: 300px;
  float: left;
  border-right: 1px dotted #58514e;
  padding-right: 10px;}

.LanguageChanger form {
  margin: 5px 0;
  width: 200px;
  float: right;}




/* keyword viewer */

.KeywordViewerKeywordList {
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #84ba3c;}

.KeywordViewerKeywordList a {
	color: #84ba3c;}



/* vertical graph */

.Vertgraph {
  width: 546px;
  height: 189px;
  position: relative;
  background: url('../images/vertgraphbg1.gif') no-repeat;
  margin: 20px 0 0 0;
  padding: 0;}


.VertgraphBar {
  height: 100px;
  left: 0px;
  position: absolute;
  width: 12px;
  bottom: 28px;
  padding: 0 !important;
  margin: 0 !important;}

.VertgraphBarLabel {
  height: 0px;
  left: 0;
  position: absolute;
  width: 11px;
  bottom: -5px;
  padding: 0 !important;
  margin: 0 !important;}




/* zoomer */

#zoomerThumbnail {
  width: 164px;
  height: 164px;
  padding: 3px;
  background: transparent url(../images/mediumthumbbg.gif) center center no-repeat;}

#zoomerThumbnail div {
  width: 164px;
  height: 164px;
  background: transparent center center no-repeat;}

#zoomerThumbnail a {
  display: block;
  width:54px;
  height:54px;
  float: left;}

#zoomerThumbnail a:hover {
   background: transparent url(../images/hpsover.gif) center center no-repeat;}

#zoomerThumbnail a.active {
   background: transparent url(../images/hpsactive.gif) center center no-repeat;}

#zoomerThumbnail a.lt,
#zoomerThumbnail a.lm,
#zoomerThumbnail a.lb,
#zoomerThumbnail a.ct,
#zoomerThumbnail a.cm,
#zoomerThumbnail a.cb {
  margin-right: 1px;}

#zoomerThumbnail a.lt,
#zoomerThumbnail a.lm,
#zoomerThumbnail a.ct,
#zoomerThumbnail a.cm,
#zoomerThumbnail a.rt,
#zoomerThumbnail a.rm {
  margin-bottom: 1px;}

#zoomerThumbnail-target {
  width: 333px;
  height: 333px;
  padding: 7px;
  background: transparent url(../images/largethumbbg.gif) center center no-repeat;}

#zoomerThumbnail-target div {
  width: 333px;
  height: 333px;
  background: transparent center center no-repeat;}




/* extended search */

#extendedSearch label.inline {
  display: inline;
  color: #CDCED0;}

#extendedSearch .inputTextCanvas {
  width: 50px;
  margin-bottom: 5px;
  padding: 2px;
  border: 1px solid #c6c7b8;}

#extendedSearch select.PhotoResUnit {
  width: 53px;
  margin-bottom: 5px;
  padding: 1px 0;
  border: 1px solid #c6c7b8;}

#extendedSearch span.x {
  position: relative;
  top: 2px;
	vertical-align: top;}

/*#extendedSearch li.extSearch {
  background: url(../images/icon-extsearch.gif) no-repeat 0 50%;}*/




/* color selector */

.color_select_icon {
  border:outset 2px;
  line-height:18px;
  height:18px;
  width:20px;
  margin:0px;
  background-color:transparent;
  background-repeat:no-repeat;
  background-image:url(color_select_icon.jpg);}

.color_select_icon:active {
  border:inset 2px;}

.color_select_box {
  position:absolute;
  background-color:#edece7;
  padding:10px;
  z-index:100000;}

.sv_select_bg {
  border:solid 1px #c6c7b8;
  background-color:#ffffff;
  padding:2px;
  float:left;}

.sv_select_box_bg {
  width:256px;
  line-height:256px;
  float:left;}

.sv_select_box {
  width:256px;
  line-height:256px;
  float:left;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/sv_blend.png');}

/* IE ignores css styles with [attributes], so it will skip the following. */
.sv_select_box[class] {
  background:url(../images/sv_blend.png) top left no-repeat;}

.sv_crosshair_horiz_cursor {
  position:absolute;
  border:solid 0px #000;
  border-top-width:1px;
  background-color:transparent;
  height:0px;
  line-height:0px;
  width:257px;
  padding:0px;}

.sv_crosshair_vert_cursor {
  position:absolute;
  border:solid 0px #000;
  background-color:#000;
  height:257px;
  _margin-top:-257px;  /* Needed because IE sucks */
  width:1px;
  padding:0px;}

.h_select_box_bg {
  border:solid 1px #c6c7b8;
  background-color:#ffffff;
  padding:2px;
  float:left;
  margin-left: 10px;}

.h_select_box {
  width:20px;
  height:256px;
  line-height:256px;
  float:left;
  background-image:url(../images/hue_blend.png);}

.hue_cursor {
  position:absolute;
  border:solid 1px #000;
  height:2px;
  line-height:2px;
  width:22px;
  padding:0px;
  margin-left:0px;}

.color_box_bg {
  border:solid 1px #c6c7b8;
  background-color:#ffffff;
  padding:2px;
  clear:left;
  float:left;
  margin-top: 10px;}

.color_box {
  float:left;
  width:30px;
  height:30px;
  line-height:30px;}

.color_value_box {
  text-align:left;
  margin:12px 0 0 10px;
  font-size: 1.4em;
  float:left;
}

.color_value_box div {
  font-size: 0.6em;}

.ok_button {
  float:right;
  cursor:pointer;
  cursor:hand;
  margin:15px 0 0 0;}




/* cat selector */

.catSelector {
	 width:400px;
	 position:relative;
	 float:left;}

#catBoxContainer {
	width:150px;
	margin:10px 0px;
	position:relative;
	display:block;
	display:none;}

.catBoxBtnX {
	position: relative;
	top: 1px;
	margin-left: 2px;
	margin-right: 4px;}

.catBox {
	color: #fff;
	position: relative;
	float: left;
	padding: 2px 4px 2px 2px;
	margin-right: 4px;
	margin-bottom: 4px;
	background-color: #2e9cc0;}




/* cat selector and keyword assistent property boxes */

.propertyBox {
	float:left;
	position:relative;
	width:160px;
	border:1px solid #e0e0e0;
	margin:0px 0px 5px 0px;
	padding:10px 0 10px 10px;}

.propertyBox h2 {
	color:#333;
	font-size:13px;
	font-weight:bold;
	margin-top: 0;}

.propertyBox h2 img {
	border:1px solid #e0e0e0;
	padding:2px;
	margin-right:2px;}

.propertyBoxes {
	margin:0;
	padding:0;}

.propertyBoxRow {
	width:180px;
	margin:0;
	float:left;
	position:relative;
	margin-right:8px;}

.propertyBox ul {
	width:160px;
	position:relative;
	margin:5px 0px 0px 0px;
	padding:0;
	float: left;}

.propertyBox ul li {
	margin:0px 0px 5px 0px;
	padding:0;
	width:100%;
	background:none;}

.propertyBox ul li input {
	width:14px;}

.propertyBox ul li label {
	margin:0;
	padding:0;
	display:inline;
	white-space: nowrap;}

.propertyBox ul li label.blue {
	color:#2E9CC0;}

.propertyBox ul li .boxExtend {
	display:inline;
	color:#2E9CC0;
	/*border:1px solid #2E9CC0;*/
	padding: 2px;
	cursor:pointer;
	width: 10px;}

.btnBottoms {
	float:left;
	position:relative;}

.bottomBtns {
	float:left;
	position:relative;
	margin: 30px 0 0 0;
	width:100%;
	text-align:right;}

.bottomBtns .btns {
	position:relative;
	display:inline;
	cursor:pointer;}




/* user */

.userProfile {
  margin: 28px 0;}

.userProfile .userPicHolder {
	width: 190px;
	float: left;}

.userProfile .userPicholder img {
	display: block;}

.userProfile .userInfo {
  width: 340px;
	float: right;}

.specialUserInfo {
	background: url(../images/userinfobg.gif) no-repeat;
	margin-top:5px;
	padding: 0 20px 0 20px;
	width:285px;
	height:47px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color:#fff;}

.userInfo h2 {
  margin-top: 0;}

.userProfile .smallThumbnail {
  margin-right: 9px;}

.isOnline {
  color: #00E300;
  font-weight: bold;}

.userImage {
	float: left;
	width: 60px;
	margin-top: 22px;}

ul.userAvatars {
  list-style: none;}

ul.userAvatars li {
  width: 48px;
  height: 48px;
  margin: 10px 10px 0 0;
  padding: 0;
  float: left;
  background: transparent;}

ul.userAvatars li a img {
  border: 1px solid #fff;}

ul.userAvatars li a:hover img {
  border: 1px solid #2E9CC0;}

.userImageInfo {
	float: left;
	width: auto;
	margin-top: -4px;
}


.userprofiledata td {
  text-align: left;
  border: 0;
  padding: 10px;
  padding-left: 0;
  padding: 0 0 10px 0;}

.userprofiledata td.name,
.userprofiledata th {
  padding: 0;
  height: auto;
  color: #aba8a6;
  background: #fff;
  width: 70px;
  vertical-align: top;
  text-align: left;}


ul.userprofileBuddies li {
	background: 0;
	padding: 0 0 5Px 0;}

ul.userprofileBuddies li img {
	vertical-align: middle;}

a.user_f {
	background: url(../images/icon_user_female.gif) no-repeat center left;
	padding-left: 10px;}

a.user_m {
	background: url(../images/icon_user_male.gif) no-repeat center left;
	padding-left: 10px;}

a.staff_f {
	background: url(../images/icon_staff_female.gif) no-repeat center left;
	padding-left: 15px;}

a.staff_m {
	background: url(../images/icon_staff_male.gif) no-repeat center left;
	padding-left: 15px;}

a.head_f {
	background: url(../images/icon_head_female.gif) no-repeat center left;
	padding-left: 15px;}

a.head_m {
	background: url(../images/icon_head_male.gif) no-repeat center left;
	padding-left: 15px;}

a.user_f, a.user_m, a.staff_f, a.staff_m, a.head_f, a.head_m {
  white-space: nowrap;
  overflow: hidden;
  width: 155px;
  /*display: block; das geht schief wenn der link einzeln in einer zeile steht. beispielsweise beim urheber neben dem foto auf der foto detail seite*/
  text-decoration: none;}



.unreadNotification {
  font-weight: bold;}




/* forum */

.forumOverview {
	margin: 30px 0 0 -10px;}

.forumOverview th {
	padding: 0 10px 20px 10px;
	background: 0;
	white-space: nowrap;}

.forumOverview td {
	padding: 15px 10px 15px 10px;}

.forumOverview h2{
	margin: 0;
	padding-left: 24px;
	font-size: 1.3em;}

h2.forumOnline {
	background: url(../images/forumstatus_online.gif) no-repeat 2px center;}

h2.forumOnlineNew {
	background: url(../images/forumstatus_onlinenew.gif) no-repeat 2px center;}

h2.forumLocked {
	background: url(../images/forumstatus_locked.gif) no-repeat 2px center;}

h2.forumLockedNew {
	background: url(../images/forumstatus_lockednew.gif) no-repeat 2px center;}

h2.forumPrivate {
	background: url(../images/forumstatus_private.gif) no-repeat 2px center;}

h2.forumPrivateNew {
	background: url(../images/forumstatus_privatenew.gif) no-repeat 2px center;}

.forumHead .topicCount, .forumHead .postingCount {
	float: right;
	line-height: normal;
	text-align: center;
	margin: 2px 5px 0 22px;}

html *>b\ody .forumHead .topicCount,
html *>b\ody .forumHead .postingCount,
html:first-child>b\ody .forumHead .topicCount,
html:first-child>b\ody .forumHead .postingCount {
	margin: 25px 5px 0 22px;}


.threadOverview .threadOverviewHeadline {
	text-align: left;
	padding-left: 20px;
	width: 300px;}

.threadOverview th {
	padding: 0;
	height: auto;
	background: 0;}

.threadOverview td {
	padding: 10px 0 10px 0;
	vertical-align: top;}

.threadOverview td.normal  {
	background: url(../images/threadstatus_normal.gif) no-repeat 0 12px;}

.threadOverview td.normalNew  {
	background: url(../images/threadstatus_new.gif) no-repeat 0 12px;}

.threadOverview td.locked  {
	background: url(../images/threadstatus_locked.gif) no-repeat 0 12px;}

.threadOverview td.lockedNew  {
	background: url(../images/threadstatus_lockednew.gif) no-repeat 0 12px;}


.forumPosting {
	padding: 1px 0 20px 0;
	margin: 20px 0 0 0;
	border-bottom: 1px dotted #BBBD9B;
	background-color: #FFFFFF;
	line-height: normal;}

.forumPosting.lastElement {
	border: 0;}

.forumPosting .userImage {
	width: 60px;
	margin-top: 2px;}

.forumPosting .posting {
	float: left;
	width: 484px;
	line-height: normal;}

.forumPosting p {
	margin: 0;
	padding-top: 5px;}

.forumPosting .toolbar {
	float: right;}


.forumTeaserList {
	padding: 0;
	margin: 15px 0 0 0;}

.forumTeaserList li{
	line-height: 17px;
	list-style-type: none;
	margin: 8px 0 0 0;
	padding-left:23px;
	background: url(../images/forumteaserimg.gif) no-repeat 0 5px;}

.forumTeaserList li a {
	font-size: 1em;}




/* bbcode toolbar */

.inputToolbar {
	background-color: #EAEBE1;
	height: 22px;
	width: 100%;
	background: #EAEBE1 url(../images/inputtoolbarstart.gif) no-repeat;}

.inputToolbar .endGfx{
	height: 22px;
	width: 3px;
	float: right;
	background: #EAEBE1 url(../images/inputtoolbarend.gif) no-repeat;}

.inputToolbar a {
	float: left;
	padding: 3px 0 0 6px;
	margin: 0;
	height: 19px;
	line-height: 0;	}

.inputToolbar a.spacer {
	border-right: 1px solid #FFFFFF;
	padding-right: 8px;
	margin-right: 2px;}

.smileyList{
	margin-top: 20px;}

.smileyList .smiles{
	margin: 0 10px 10px 0;}



/* bbcode message styles */

.bbmessage {
	margin-top: -10px;}

.bbmessage p {
	margin-top: 10px;
	line-height: 1.5em;}

.bbmessage b {}

.bbmessage i {
	font-family: Georgia, "Times New Roman", Times, serif;}

.bbmessage u {}

.bbmessage s {}

.bbmessage .highlight {
	padding: 0 4px 1px 4px;
	background-color: #ff00cc;
	color: #ffffff;}

.bbmessage pre, pre.oldPre {
	font-size: 1.2em;
	margin: 15px 0 0 30px;
	padding: 10px;
	background-color: #eeeee6;
	border: 1px solid #c6c7b8;}

.bbmessage blockquote, blockquote.oldBlockquote {
	margin: 15px 0 0 30px;
	padding: 0 10px 10px 10px;
	background-color: #eeeee6;
	border: 1px solid #c6c7b8;}

.bbmessage blockquote h1, blockquote.oldBlockquote h1 {
	margin: 10px 0 -10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a19e98;}

blockquote.oldBlockquote p {
	margin-top: 10px;}

.bbmessage ol, .bbmessage ul {
	margin-top: 15px;}

.bbmessage ol li {
	line-height: 17px;
	margin-top: 2px;
	margin-left:17px;}

.bbmessage ul li {}

.bbmessage img {
	border: 0;}

.bbmessage img.smiles {}




#preview{
	position:absolute;
	background:#333;
	padding:5px;
	color:#fff;
	z-index: 500;}





div.accordion {
	position: relative; /* required for bounding */
	/*width: 800px;*/

	margin-top: 16px;
}

.accordion-toggle {
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	/*background-image: url(../img/off.jpg) repeat-x;
	background-color: #3f3c38;
	background-position: bottom;
	color: #fff;*/
	cursor: pointer;
	margin-bottom: 1px;
	padding: 9px 14px 6px 14px;
	/*border-top: 1px solid #5d5852;*/

	background-color: #eeeee6;
	font-size: 1.4em;
	padding: 10px;
	margin: 1px 0 1px 0;
	font-weight: bold;
}

.accordion-toggle:hover, .accordion-toggle-active {
	/*background-image: url(../img/on.jpg);*/
	background-color: #6d493a;
	/*border-top: 1px solid #a06b55;*/

	background-color: #599cc1;
	color: #ffffff;
}


div.accordion-content{
	overflow: hidden;	/* required for effect */
	background: #302e2c;
	padding: 0 20px 0 20px;
	color: #c4bab1;

	background-color: #f7f7f3;
}

.accordion-toggle .Radiobutton {
	margin-right: 10px;}

.accordion-toggle span {
	font-size: 0.7em;
	font-weight: normal;}

.accordion-toggle:hover span, .accordion-toggle-active span {
	color: #ffffff;}


#walletSelection .accordion-toggle {
	font-size: 1.1em;}

#walletSelection .accordion-toggle span {
	font-size: 1em;}



.modalwindow, .tooltip {
  padding: 1px 15px 15px 16px;
  background-color: #eaeae9;
  text-align: left;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  behavior: url('border-radius.htc');
  
  -moz-box-shadow: 8px 8px 20px #b2b2b2;
  -webkit-box-shadow: 8px 8px 20px #b2b2b2;
  box-shadow: 8px 8px 20px #b2b2b2;
  
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#b2b2b2')";
  
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#b2b2b2');
}


.modalwindow .close, .tooltip .close {
  position: relative;
  float: right;
  margin: 10px -5px 0 0;
}


.tooltip h2 {
  margin: 10px 0 -15px 0;
}