/* generel table styles */

html {
	height:100%;
}

body {
	background-color:#eeeeee;
	text-align:center;
	overflow-x:hidden;
}


/* table containing all */
.maintable {
	max-width:930px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border:0px solid black;
	background-color:#eeeeee;
	vertical-align:top;
}
table.maintable td {
	text-align: center;
	padding:0px 0px;
}

/* table below topbanner and above copyright */
.innermaintable {
	width:100%;
	height:100%;
	border-collapse:separate;
	border-spacing:0px;
	border:0px;
	background-color:#eeeeee;
	vertical-align:top;
}
table.innermaintable td {
	text-align: center;
	padding:0px 0px;
	vertical-align:top;
}


/* table with base chat selection & info */
.chatselect {
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
	border:1px;
	background-color:#eeeeee;
	vertical-align:top;
}
table.chatselect th {
	background-color:#0000dd;
	font-family:Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	text-align:left;
	padding:2px 5px;
}
table.chatselect td {
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
	text-align:left;
	padding:2px 5px;
}
.roomFull {
	color: #FF0000;
	font-weight:bold;
}

/* table for info text in main */
.infotext {
	width:60%;
	border-collapse:separate;
	border-spacing:0px;
	border:3px;
	background-color:#eeeeee;
	vertical-align:top;
}
table.infotext td {
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
	text-align: left;
	padding:0px 0px;
	vertical-align:top;
}
table.infotext th {
	font-family:Arial;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	text-align: left;
	padding:0px 0px;
	vertical-align:top;
}
#underline {
	text-decoration:underline;
}
#clauses {
	color: #ff0000;
	font-weight:bold;
}

/* table for right menu */
.rightmenutable {
	width:100%;
	background-color:#eeeeee;
}
table.rightmenutable th {
	background-color:#0000dd;
	height:20px;
	font-family:Arial;
	font-size: 12px;
	color: #ffffff;
	border-spacing:0px;
	border:0px solid black;
	font-weight:bold;
	text-align: left;
	padding:2px 5px;
}
table.rightmenutable td {
	background-color:#ffffff;
	font-family:Arial;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
	text-align:left;
	padding:2px 5px;
}


.supportMsg {
	border:1px solid #000000;
	background-color:#CCCCCC;
	max-width:440px;
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size: 12px;
}




/* copyright notice in bottom */
.copyright {
	background-color:#0000dd;
	font-family:Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight:normal;
	height:30px;
	border-spacing:0px;
	border:0px;
	vertical-align:middle;
	text-align:center;
}

#lblmessage { color:#FF0000; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none }


#small 			{ color:#ff0000; font-family:Arial; font-size:9px; font-weight:bold; text-decoration:none; height:14px; vertical-align:bottom;}
#ultrasmall 	{ color:#000000; font-family:Arial; font-size:8px; font-weight:normal; text-decoration:none }

#redBold {
	color: #ff0000;
	font-weight:bold;
}
#greenBold {
	color: #339900;
	font-weight:bold;
}

.button {
	width: 120px;
	font-family: Arial;
	font-size:12px;
}

.but_regnick {
	font-size:12px;
	font-family: tahoma, verdana;
	height:25px;
	width:170px;
	background-color:#CCCCCC
}

.but_cancel {
	font-size:12px;
	font-family: tahoma, verdana;
	height:25px;
	width:170px;
	font-weight:bold;
	background-color:#ff0000
}

/* links */
a:link					{ color:#0000FF; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none}
a:visited				{ color:#0000FF; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none}
a:active				{ color:#0000FF; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none}
a:hover					{ color:#FF0000; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none}

/* ===== Mobile responsive ===== */
@media screen and (max-width: 768px) {
    .maintable { width: 100%; }
    .innermaintable { width: 100%; }

    .chatselect,
    .rightmenutable,
    .infotext {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table.chatselect th,
    table.chatselect td {
        font-size: 14px;
        padding: 6px 8px;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    table.rightmenutable th,
    table.rightmenutable td {
        font-size: 14px;
        padding: 6px 8px;
    }

    .button {
        width: auto;
        min-width: 80px;
        padding: 10px 16px;
        font-size: 14px;
        min-height: 44px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
        font-size: 16px;
    }

    .but_regnick, .but_cancel {
        width: auto;
        min-width: 120px;
        min-height: 44px;
        font-size: 14px;
    }

    a:link, a:visited, a:active, a:hover {
        font-size: 14px;
    }

    #small { font-size: 11px; }
    #ultrasmall { font-size: 10px; }
}

/* Footer ad wrapper */
.footer-ad-wrap {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 6px 0 0;
}

/* Ad unit styling */
.ad-unit {
    display: block;
    margin: 0;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    transition: box-shadow 0.15s;
}
.footer-ad-wrap .ad-unit {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    text-align: center;
    padding: 6px 12px;
}
.ad-unit:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    text-decoration: none;
}
.ad-unit .ad-label {
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}
.ad-unit .ad-title {
    font-size: 13px;
    font-weight: bold;
    color: #1a0dab;
    margin-bottom: 2px;
}
.ad-unit .ad-desc {
    font-size: 11px;
    color: #444;
    line-height: 1.3;
}
.ad-unit .ad-url {
    font-size: 10px;
    color: #006621;
    margin-top: 3px;
}