@import url("/stylesheets/contact.css");

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	background-image:   url("/pics/bgs/bg_links.gif");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 14px;
	vertical-align: middle;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
	margin-bottom: 5px;
}

#left {
	width: 17%;
	background-image: url("/pics/pair_faded.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
float: left;
clear: left;
/* For debugging */
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
	padding-left: 5px;
	margin-bottom: 5px;
}

#main {
	background-color: #D8E0F0;
	width: 80%;
	float: right;
/* For debugging */
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}

#main h1 {
	background-color: #e0c8f0;
        font-family: Verdana, Arial;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
	padding-top: 5px;
        padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#bottom {
/* For debugging */
clear: both;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}

#chatttop {
	background-color: #D8E0F0;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
/* For debugging */
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}

#chatttop h1 {
	background-color: #e0c8f0;
        font-family: Verdana, Arial;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
	padding-top: 5px;
        padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#chattmain {
	background-color: #D8E0F0;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border-style: hidden;
/* For debugging */
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}
td.time {
	width: 6ex;
	vertical-align: top;
}
td.cmd {
	width: 3ex;
	vertical-align: top;
}
td.name	{
	width: 12ex;
	vertical-align: top;
	text-align: right;
}
td.mess	{
	vertical-align: top;
}

#chattbottom {
	background-color: #D8E0F0;
        width: 98%;
	margin-left: auto;
	margin-right: auto;
/* For debugging */
clear: both;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}

.clear { clear: both; }

#top ul.topl {
list-style: none;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 0;
margin-left: 0;
margin: 0;
padding: 0;
/* float: left; */
}

#top ul.topl li {
float: left;
display: inline;
padding-left: 0.5em;
}

#top ul.topr {
list-style: none;
padding-top: 6px;
padding-bottom: 0px;
padding-left: 0;
margin-left: 0;
margin: 0;
padding: 0;
/* float: right; */
}

#top ul.topr li {
float: right;
display: inline;
padding-right: 0.5em;
	vertical-align:	middle;
}

li.grey		{ color: #999999; }

a:link {
    color: #333399;
    text-decoration: none;
}
a:visited {
    color: #333399;
/*    font-size: 12px; */
    text-decoration: none;
}
a:hover {
    color: #6666AA;
/*    font-size: 12px; */
    text-decoration: underline;
}
a:active {
    color: #333399;
/*    font-size: 12px; */
    text-decoration: none;
}

white		{ color: #ffffff; }
black		{ color: #000000; }
grey		{ color: #999999; }
lightgrey	{ color: #d1d1d1; }