@charset "utf-8";
/* border Farbe überall austauschen! */

a {
	color:cornsilk;
	font-weight:bold;
}

/* Sehr häufig schwarz */
.rarity_6 {
	color: #444444;
}

/* Häufig grau */
.rarity_5 {
	color: #eeeded;
}

/* Standard lila */
.rarity_4 {
	color: #6c1e64;
}

/* Selten blau */
.rarity_3 {
	color: #006fbd;
}

/* Sehr selten grün */
.rarity_2 {
	color: #0d7d20;
}

/* Legendär gelb */
.rarity_1 {
	color: #eee549;
}

/* Leiste Währungen */
.currencyDiv{
	width:1020px; 
	height:44px; 
	margin:auto; 
	margin-top:10px;
	position:relative; 
	border:1px solid grey; 
	border:2px solid white;
	border-collapse: separate;
	text-align:center;
	
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	
	-webkit-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.helperDiv{
	float:left; 
	margin:auto; 
	margin-top:10px;
	min-height:400px; 
	width:220px; 
	padding:5px 2px 20px 2px; 
	text-align:center;
	border:2px solid white;
	border-collapse: separate;
	
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	
	-webkit-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.contentDiv{
	float:left; 
	margin:auto; 
	margin-top:10px;
	margin-left:6px;
	min-height:400px; 
	width:780px; 
	padding:0px; 
	text-align:center;
	border:2px solid white;
	border-collapse: separate;
	
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	
	-webkit-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.memory_holder{
	cursor:pointer;
	width:140px;
	height:45px;
	margin:left:10px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/memories_currency_0.png) no-repeat;
	background-size:130px;
}

.darkcoin_holder{
	cursor:pointer;
	width:170px;
	height:45px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/darkcoins_currency_0.png) no-repeat;
	background-size:160px;
}

.gloomytear_holder{
	cursor:pointer;
	width:170px;
	height:45px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/gloomytears_currency_0.png) no-repeat;
	background-size:145px;
}

.coupon_holder{
	cursor:pointer;
	width:140px;
	height:45px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/friendcoupons_currency_0.png) no-repeat;
	background-size:130px;
}

.block_holder{
	cursor:pointer;
	width:120px;
	height:45px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/block_count_0.png) no-repeat; 
	background-size:105px;
}

.creature_holder{
	cursor:pointer;
	width:120px;
	height:45px;
	text-align:left;
	float:left;
	background:url(/img/layout/currencies/creature_count_0.png) no-repeat;
	background-size:105px;
}

.gameMenu{
	width:1000px; 
	height:32px; 
	margin:auto; 
	margin-top:10px;
	position:relative; 
	border:2px solid white;
	border-collapse: separate;
	padding:10px; 
	
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	
	-webkit-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.topmenu{	
	-moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px; -webkit-border-top-right-radius: 25px; border-top-right-radius: 25px;
	-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
	
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	
	border: solid 2px #fff;
	
	height:35px;
	color: #fff;
	display: table-cell;
	width:90px;
	margin: 0px 0px;
	text-align: center;
	vertical-align: bottom;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	
}

.topmenu:hover{
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

.topmenu_highlight{
	background: -moz-radial-gradient(top, #bbb, #669966);
	background: -ms-radial-gradient(top, #bbb, #669966);
	background: -o-radial-gradient(top, #bbb, #669966);
	background: -webkit-radial-gradient(circle, #bbb, #669966);
	background: radial-gradient(circle, #bbb, #669966);
}

.sub_menu{	
	-webkit-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 25px 3px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	
	border: solid 2px #fff;
	border-top: 0px;
	
	width:90px;
	
	height: 25px;
}

.sub_menu:hover{
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

.sub_menu:active{
	background: -moz-radial-gradient(top, #bbb, #669966);
	background: -ms-radial-gradient(top, #bbb, #669966);
	background: -o-radial-gradient(top, #bbb, #669966);
	background: -webkit-radial-gradient(circle, #bbb, #669966);
	background: radial-gradient(circle, #bbb, #669966);
}

.tutorialDiv{
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.ZEDiv{
	background: -moz-radial-gradient(top, #633663, #160033);
	background: -ms-radial-gradient(top, #633663, #160033);
	background: -o-radial-gradient(top, #633663, #160033);
	background: -webkit-radial-gradient(circle, #633663, #160033);
	background: radial-gradient(circle, #633663, #160033);
}

.headerDiv{
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:    0px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow:         0px 10px 5px 0px rgba(0,0,0,0.75);
	border: 1px solid #fff;
	
	color:#000000;
	
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

.smallDiv{
	border: 1px solid #174280;
	color:#000000;
	background: #3494ea;
}
.smallDiv2{
	border: 1px solid #424859;
	color:#000000;
	background: #8091b1;
}

.smallHeaderDiv2{
	border: 1px solid #fff;
	
	color:#000000;
	
	background: -moz-radial-gradient(top, #bbb, #996699);
	background: -ms-radial-gradient(top, #bbb, #996699);
	background: -o-radial-gradient(top, #bbb, #996699);
	background: -webkit-radial-gradient(circle, #bbb, #996699);
	background: radial-gradient(circle, #bbb, #996699);
}

.smallHeaderDiv{
	border: 1px solid #fff;
	
	color:#000000;
	
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

.boxDiv{
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:    0px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow:         0px 10px 5px 0px rgba(0,0,0,0.75);
	border: 1px solid #fff;
	
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}

.smallBoxDiv{
	border: 1px solid #fff;

	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
	background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}

.mainDiv{
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}

.HelperBoxDiv {
	border: 2px solid #fff;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
	
	padding-top:10px; 
	padding-bottom:10px;
	
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:    0px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow:         0px 10px 5px 0px rgba(0,0,0,0.75);
	
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}
/* logo url einfügen */
.logo{
	background:url(/img/layout/logo/logo_purple.png);
	text-align: center; 
	margin: auto; 
	cursor: pointer;
	width: 452px;
	height: 135px;
	position: relative;
	margin-bottom: -50px;
}
/* background url einfügen */
.mainBackground{
	background:url(/img/layout/logo/main-bg.jpg) center top;
}

.footer{
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}

/* Nachrichten Empfänger und Subjekt */
input, textarea {
	color: #fff;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	background-color: #444 ;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
	font-family: Comic Sans MS,"verdana", "frutiger linotype", "lucida grande", sans-serif;
	padding: 2px;
}

select {
	clear: both;
	font-size: 85%;
	color: #fff;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	background-color: #444;
	vertical-align: text-bottom;
	-moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px; -webkit-border-bottom-left-radius: 25px; border-bottom-left-radius: 25px;
}
/* Nachrichtenbox */
.textareaDiv{
	color: #fff;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	background-color: #444;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
	border:inset white 2px;
	font-family: Comic Sans MS,"verdana", "frutiger linotype", "lucida grande", sans-serif;
	padding: 2px;
}
/* Tabelle */
.flowTable table{
	border: 1px;
	font-size:80%;
	border-right:0;
	clear: both;
	color: #aaa;
	margin-bottom: 10px;
}

.flowTable tr td{
	font-size:90%;
	padding: 4px;
	text-align: right;
	/*border-bottom:1px solid #444;*/
	/*border:1px solid #fff;*/
}

.flowTable tr th{
	padding: 4px;
	background: #8888bb;
	/*border-bottom:1px solid #444;*/
	border:2px solid #aaa;
}


.flowTable table tr td {
	text-align: right;
	vertical-align: top;
}

.flowTable th {

}

.flowTable th a{
	
}

.flowTable tr{
	background: #7676a9;
	color: #000;
}

.flowTable tr:nth-child(even) {
	background: #666699;
	color: #000;
}

.flowTable td.actions {
	
}
.flowTable table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

.linkButton{
	color: #fff;
	font-family: Comic Sans MS;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	border:2px solid white;
	border-collapse: separate;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	-webkit-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	box-shadow: 0px 0px 3px #888, 2px 2px 1px #666;
	background: -moz-radial-gradient(top, #666, #333);
	background: -ms-radial-gradient(top, #666, #333);
	background: -o-radial-gradient(top, #666, #333);
	background: -webkit-radial-gradient(circle, #666, #333);
	background: radial-gradient(circle, #666, #333);
	cursor:pointer;text-align:center;
	padding:2px 17px;
	margin: 2px 2px;
	margin: left;
	font-weight:bold;
	background-color:#ff00aa;
}
.linkButton:hover{
	color: #fff;
	text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
	border:2px solid white;
	border-collapse: separate;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	-webkit-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	box-shadow: 0px 0px 3px #888, 2px 2px 1px #666;
	background: -moz-radial-gradient(top, #aaa, #333);
	background: -ms-radial-gradient(top, #aaa, #333);
	background: -o-radial-gradient(top, #aaa, #333);
	background: -webkit-radial-gradient(circle, #aaa, #333);
	background: radial-gradient(circle, #aaa, #333);
	cursor:pointer;text-align:center;
	background-color:#ff00aa;
}
.linkButton:active{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	border:2px solid white;
	border-collapse: separate;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	-webkit-box-shadow: 3px 3px 1px #888, 2px 2px 1px #666;
	box-shadow: 0px 0px 3px #888, 2px 2px 1px #666;
	background: -moz-radial-gradient(top, #eee, #333);
	background: -ms-radial-gradient(top, #eee, #333);
	background: -o-radial-gradient(top, #eee, #333);
	background: -webkit-radial-gradient(circle, #eee, #333);
	background: radial-gradient(circle, #eee, #333);
	cursor:pointer;text-align:center;
	background-color:#ff00aa;
}

.ui-tabs .ui-tabs-panel{
	display:block;
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
	border:2px solid #fff;
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	-moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px; -webkit-border-top-right-radius: 25px; border-top-right-radius: 25px;
	-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
	font-weight:bold;
}

/** hat einen Effekt auf den Ajax Tab und auf die den Tag im DateTimePicker wenn man sich mit der Maus drüber hovert **/
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover{
	border:2px solid #ffffff;
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
	
	color:#363636;
}

/** hat einen Effekt auf den einen Ajax tab über den man hovert, den man schonmal besucht hat... sollte dem Hover entsprechen **/
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{
	color:#363636;
	outline: none;
}

/** hat einen Effekt auf den Ausgewählten Ajax Tab und auf die Farbe vom ausgewählten Tag im DateTimePicker **/
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{
	border:2px solid #ffffff;
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
	color:#363636;
}

/** hat einen Effekt auf die Farbe vom heutigen Tag im DateTimePicker **/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
	border:2px solid #ffffff;
	background: -moz-radial-gradient(top, #ffffff, #bb8855);
	background: -ms-radial-gradient(top, #ffffff, #bb8855);
	background: -o-radial-gradient(top, #ffffff, #bb8855);
    background: -webkit-radial-gradient(circle, #ffffff, #bb8855);
	background: radial-gradient(circle, #ffffff, #bb8855);
	color:#363636;
}

/** verändert die Body Farbe vom DateTimePicker **/
.ui-datepicker{
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
	border:2px solid #fff;
}

/** verändert den kasten im DateTimePicker in dem der Monat geschrieben ist **/
.ui-datepicker .ui-widget, .ui-datepicker-header{
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	border:2px solid #fff;
	color: #ddd;
}

.ui-datepicker-title{
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	/*border:1px solid #fff;*/
}

/** verändert die Farben der Text im DateTimePicker **/
.ui-timepicker-div, .ui-datepicker-calendar{
	color:#000;
}

/** kann ignoriert werden... muss hier nocheinmal stehen, damit die dateTimePicker Tage Vierecke und keine Halbkreise sind **/
.ui-datepicker .ui-state-default, .ui-datepicker-current-day, .ui-datepicker-today{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	text-align:center;
}

.inferia_dialog .ui-dialog-titlebar {
	padding:0;
	background:none;
	background-color:#441111;
	
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	border-bottom:3px solid white;
}

.inferia_dialog  .ui-widget-header {
	border:0;
	border-bottom:3px solid #ccc;	
	background: -moz-radial-gradient(top, #c5c, #929);
	background: -ms-radial-gradient(top, #c5c, #929);
	background: -o-radial-gradient(top, #c5c, #929);
	background: -webkit-radial-gradient(circle, #c5c, #929);
	background: radial-gradient(circle, #c5c, #929);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

.inferia_dialog  .ui-widget-content {
	color: white;max-height:1000px;
	background:none;
	background-color:#333333;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background: -moz-radial-gradient(top, #777, #333);
	background: -ms-radial-gradient(top, #777, #333);
	background: -o-radial-gradient(top, #777, #333);
	background: -webkit-radial-gradient(circle, #777, #333);
	background: radial-gradient(circle, #777, #333);
}

.inferia_dialog a {
	color:white;
}

.messageTable table{
	border: 1px;
	font-size:80%;
	border-right:0;
	clear: both;
	color: #aaa;
	margin-bottom: 10px;
}

.messageTable tr th{
	padding: 4px;
	background: #8888bb;
	border:2px solid #aaa;
}

.messageTable tr td{
	font-size:90%;
	padding: 2px;
}

.messageTable table tr td{

}

.messageTable th {
	text-align: left;
}

.messageTable th a{
	
}

.messageTable tr{
	background: #7676a9;
	color: #000;
}

.messageTable tr:nth-child(even) {
	background: #666699;
	color: #000;
}

.messageTable td.actions {
	text-align: center;
	white-space: nowrap;
}
.messageTable table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

/** hebt Divs hervor, indem es sie absenkt **/
.inDiv{
	border: 2px inset gray;
}

/** hebt Divs hervor, indem es sie anhebt **/
.outDiv{
	border: 2px outset gray;
}

/** hebt Divs hervor, indem es sie aufhellt **/
.lighterDiv{
	background-color: rgba(100,100,100, 0.3);
}

/** Hebt Divs hervor, indem es sie abdunkelt **/
.darkerDiv{
	background-color: rgba(0,0,0, 0.3);
}

/** Verändert die HintergrundFarbe vom Sudoku und die Font-Farbe von vorausgefüllten Feldern**/
.sudokoDiv1{
	color:#fff;
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

/** verändert die ausgefüllte Sudoku Felder **/
.sudokuSelect{
	color:#000;
	border:solid white 1px;
	font-size:12px; 
	float:left; 
	cursor:pointer;
}

/** verändert die Schrift von der Notizauswahl **/
.sudokuSelect a{
	color:#fff;
}

/** verändert Soduku Felder mit Notizen **/
.sudokuNote{
	color:#ff0000;
	border:solid transparent 1px;
	font-size:12px; 
	float:left; 
	cursor:pointer;
}

/** verändert Die Schrift von Notizen **/
.sudokuNote a{
	color:#000;
}

/** verändert ausgefüllte Soduku Felder **/
.sudokuFilled{
	color:#000;
	position:relative;
	border:solid white 1px;
	float:left;
}

/** verändert die Notizen Felder auf die sich die Maus befindet **/ 
.sudokuHover{
	background-color: #777777;
}

table.switch {
	margin: 5px;
}
table.switch tr {
	background: #559;
}
table.switch tr:nth-child(even) {
	background: #666699;
}
table.switch tr td  {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
	color: #fff;
}
table.switch tr td a {
	color: #fff;
}

.chat_menu{	
	background: -moz-radial-gradient(top, #514c54, #353652);
	background: -ms-radial-gradient(top, #514c54, #353652);
	background: -o-radial-gradient(top, #514c54, #353652);
    background: -webkit-radial-gradient(circle, #514c54, #353652);
	background: radial-gradient(circle, #514c54, #353652);
	
	border: outset 2px gray;
}

.active, .chat_menu:hover{
	background: -moz-radial-gradient(top, #bbb, #666699);
	background: -ms-radial-gradient(top, #bbb, #666699);
	background: -o-radial-gradient(top, #bbb, #666699);
	background: -webkit-radial-gradient(circle, #bbb, #666699);
	background: radial-gradient(circle, #bbb, #666699);
}

.chat_menu:active{
	background: -moz-radial-gradient(top, #bbb, #669966);
	background: -ms-radial-gradient(top, #bbb, #669966);
	background: -o-radial-gradient(top, #bbb, #669966);
	background: -webkit-radial-gradient(circle, #bbb, #669966);
	background: radial-gradient(circle, #bbb, #669966);
}

.new_message{
	color: #fff;
}

.read_message{
	color: #222;
}

.archived_message{
	color: #aa0;
}