/*
        This file is part of "ZE Chat v1.0".

        "ZE Chat v0.9" is free softwore. Feel free to use and/or modify
        it under the terms of the GNU General Public License as published by
        the Free Software Foundation; either version 3 of the License, or
        (at your option) any later version.

        "ZE Chat v1.0" is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.

        You should have received a copy of the GNU General Public License
        along with this program.  If not, see http://www.gnu.org/licenses/.

        Developed by Alexander Pakusch aka Zion, 2010-2014
        You are not allowed to sell this software or remove the Copyrights.

        http://www.zevolutions.de/
        admin@zevolutions.de
*/
#lgform {
  margin:5px auto;
  text-align: center;
}

#lgform fieldset {
  border: none;
  margin: 5px auto;
  padding: 0;
}

#lgform label {
  display:block;
  font-weight:bold;
  text-align: left;
  padding-left: 10px;
}

#lgform input[type="password"],#lgform input[type="text"],#lgform input[type="submit"]{
  padding:4px 2px;
  width: 95%;
  margin: 0 auto;
}

#lgform span{
  font-weight: normal;
  font-style:italic;
}

/*______________________________________*/
#cominfo {
}

.chatinfo {
  width: auto;
}

.chatinfo ul ul {
  background: none;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

.chatinfo ul li a{
  padding: 10px;
  background:#346;
}

.chatinfo ul ul li{
  color: #000;
  margin:5px;
}

.chatinfo span{
  margin:5px auto;
  padding-left: 5px;
}

/*______________________________________*/

.ltname span{
  display:block;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

/*______________________________________*/
#login_onlinelist #onlinelist font{ /* Show User Online | Anzeige wenn User Online, gesondert hervorheben */
  background: none;
  display:block;
  padding-left: 5px;
  overflow:auto;
}

#login_onlinelist #onlinelist .case1{ /* OnlineStatus 1 */
                color:#009900;
}

#login_onlinelist #onlinelist .case2{ /* OnlineStatus 2 */
                color:#999900;
}

#login_onlinelist #onlinelist .case3{ /* OnlineStatus 3 */
                color:#990000;
}

#login_onlinelist #onlinelist .case_user_in_ac{ /* OnlineStatus (User in AC) */
                color:#007799;
}

#login_onlinelist #onlinelist .case4{ /* OnlineStatus 4 */
                color:#000099;
}

#login_onlinelist #onlinelist .case_default{ /* OnlineStatus (default) */
                color:#999999;
}

#login_onlinelist #onlinelist .nousers{ /* Login (No Users Online) | Loginseite (Kein User Online) */
        background:#D9DADB;
        color:#000;
                display:block;
                padding:3px;
                margin:-1px;
}
/*______________________________________*/
/*-----------formular-field------------*/

/*Form_Set*/
.norm fieldset {
  border: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.norm p {
  width: 450px;
  margin: 0 auto;
  text-align: left;
}

.norm label {
  display:block;
  font-weight:bold;
  text-align:right;
  float: left;
  width: 200px;
}
.norm .small {
  color:#800;
  display:block;
  font-size:10px;
  font-weight:normal;
  text-align:right;
  width:200px;
}

.norm .center label {
    font-size: 10px;
}

.norm input, .norm textarea{
  float:left;
  padding:4px 2px;
  width:200px;
  margin:2px 0 20px 10px;
}

input,textarea {
  border: 2px solid rgb(204,204,204);
  border-radius: 5px;
  color: rgb(204,204,204);
  margin: 3px auto;
}

input:hover, input:focus, textarea:hover, textarea:focus {
  color: rgb(95,103,116);
  border: 2px solid rgb(95,103,116);
}

/*------input password/text/button------*/
input[type="password"],input[type="text"],select[type="text"],textarea {
  background: #fff;
  border: 1px solid #a1a3a3;
  padding-left: 5px;
  color: #696969;
  height: 22px;
  margin: 3px auto;
}

input[type="password"]:focus, input[type="text"]:focus, select[type="text"]:focus,textarea:focus {
  box-shadow: 0 0 4px 1px rgba(128,0,0, 0.3);
  outline: 0;
}

input[type=checkbox], input[type=radio] {
    vertical-align: baseline;
    position: relative;
    top: 3px;
    margin: 0 3px 0 0;
    padding: 0px;
}
input.ie7[type=checkbox], input.ie7[type=radio] {
    vertical-align: middle;
    position: static;
    margin-bottom: -2px;
    height: 13px;
    width: 13px;
}

input[type=button], input[type=submit] {
  border:1px solid #bbb;
  border-radius:5px;
  margin:3px auto;
  padding: 2px;
  background:#ccc;
  color: #333;
  font-weight:normal;
}
input[type=button]:hover, input[type=submit]:hover {
  cursor: pointer;
  border:1px solid #333;
  background:#bbb;
}

.sebutton {
  border:1px solid #bbb;
  border-radius:5px;
  margin:3px auto;
  padding: 2px;
  background:#ccc;
  color: #333 !important;
  font-weight:normal;
}
.sebutton:hover {
  cursor: pointer;
  border:1px solid #333;
  background:#bbb;
}

input[placeholder], [placeholder], *[placeholder] {
     color: #564b47 !important;
}

p.check_me {
  line-height: 25px;
}

p.check_me label {
  font-size: 10px;
  font-weight: normal;
  cursor: pointer;
}
p.check_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

.info{
        font-size: 90%;
        font-weight: normal;
        color: #808080;
}

/* ------------------------
Userlisttable
--------------------------*/

.tlist{
       width:700px;
	text-align:center;
    border-collapse: separate; 
    border-spacing: 0 2px; 
    margin-left: auto;
    margin-right: auto;
}

.tlist td {
  border:1px solid #bbb;
    border-style: solid none;
    padding: 6px;
  vertical-align: middle;
}

.tlist tr:hover td {
  cursor: pointer;
  background:#346;
  text-decoration: underline;
  color: rgb(221,221,221);
}

.tlist tr:first-child:hover td {
  cursor: default;
  background: transparent;
  text-decoration: none;
  color: #000;
}

.tlist td .noborder{
  border:0px solid #bbb;
    border-style: solid none;
    padding: 10px;
}

.tlist td:first-child {
    border-left-style: solid;
    border-top-left-radius: 4px; 
    border-bottom-left-radius: 4px;
}
.tlist td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 4px; 
    border-top-right-radius: 4px; 
}

/* ------------------------
Overhauling
--------------------------*/

.form_con{
       width:600px;
	text-align:center;
    border-collapse: separate; 
    border-spacing: 0 2px; 
    margin: 2px 4px;
}

.forms_con{
       width:600px;
	text-align:center;
}

.form_con td {
  border:1px solid #bbb;
    border-style: solid none;
    padding: 10px;
}

.form_con tr:hover td {
  border-top: 1px solid rgb(110, 30, 30);
  border-bottom: 1px solid rgb(110, 30, 30);
}
.form_con td .noborder{
  border:0px solid #bbb;
    border-style: solid none;
    padding: 10px;
}

.form_con td:first-child {
    border-left-style: solid;
    border-top-left-radius: 4px; 
    border-bottom-left-radius: 4px;
}
.form_con td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 4px; 
    border-top-right-radius: 4px; 
}

.form_con input{
  border:1px solid #bbb;
		border-radius:5px;
		color: #606060;
		margin-top:3px;
		margin-bottom:3px;
}

.form_con textarea{
  border:1px solid #bbb;
		border-radius:5px;
		color: #606060;
		margin-top:3px;
		margin-bottom:3px;
}

.form_con input:hover{
  border:1px solid #333;

}

.form_con textarea:hover{
  border:1px solid #333;

}

.form_con select{
  border:1px solid #bbb;
	background:#F1F1F1;
		border-radius:5px;
		color: #606060;
		margin-top:5px;
		padding:2px;
		text-align:center;
		cursor:pointer;
}

.form_tl{
       width:300px;
	text-align:left;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
}

.form_tr{
       width:300px;
	text-align:right;
	padding: 5px;
        vertical-align: middle;
}

.forms_tl{
       width:300px;
	text-align:left;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
}

.forms_tr{
       width:300px;
	text-align:right;
	padding: 5px;
}

.form_con .small{
	font-size: 90%;
	font-weight: normal;
	color: #954545;
}

.info{
	font-size: 90%;
	font-weight: normal;
	color: #808080;
}

.darkner{
	background-color:#384F70;
}

#reply-smiley-box {
	background:#6C7280;
	border:1px #000 solid;
	border-right:4px #000 solid;
		margin-left:-100px;
		margin-top:-100px;
		width: 150px;
		top:50%;
		left:50%; 
		position:fixed;
}

#reply-smiley-box div{
	background:#6C7280;
	border:2px #000 solid;
		width: 150px; 
		height: 150px;
		overflow:auto;
}

#color-box {
	background:#6C7280;
	border:2px #000 solid;
		position:fixed; 
		top:50%; 
		left:50%; 
}

#color-box td{
	border: 1px solid #000; 
		width: 10px; 
		height: 10px;
}

#color-box .col{ 
	border: 1px solid #333; 
		width: 10px; 
		height: 10px;
}

#color-box .colspacer{
		width: 10px; 
		height: 10px;
}

#color-box td:hover{
	border: 1px solid #fff;
}