/*********************************
* General styling
*********************************/

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*ckground-color: #f8f8f8;*/
	margin: 0;
	padding: 0;
}

#header_outer, #main_outer, #footer_outer {
	margin: 0;
	padding: 0;
	width: 100%;
}

#header, #main, #footer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
    text-align: left;
}

a {
	font-weight: bold;
	text-decoration: none;
    color: rgb(172,49,66);
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
}

.error {
	font-weight: bold;
	color: #f00;
}

.pending {
	background-color: #ff8;
}

.failed {
	background-color: #f88;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 8px;
}

/*********************************
* Header styling
*********************************/

#header {
	background-color: white;
	border-bottom: 1px solid #888;
	margin-top: 10px;
}

#header h1 {
	font-variant: small-caps;
	margin: 0 5px;
	color: #888;
}

/*********************************
* Footer styling
*********************************/

#footer {
	height: 20px;
}

#footer {
	background-color: white;
	border-top: 1px solid #888;
}

#footer p {
	font-size: 10px;
	margin: 5px;
	color: #888;
}


/*********************************
* Main styling
*********************************/
#main {
	background-color: white;
}

#main_inner {
	padding: 5px;
}

#main h1 {
	font-size: 18px;
}

/*********************************
* Chat styling
*********************************/

/* Tab styling */

#tabs_outer {
	margin-top: 10px;
	/*width: 810px;*/
}

#tabs {
	margin: 0;
	padding: 0;
	height: 24px;
	background: white url('/media/img/grey_grad.png') repeat-x top left;
	border-bottom: 1px solid #888;
}

ul#tablist {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}

#tablist li {
	float: left;
	margin: 3px 5px 0px 5px;
	padding: 0;
	position: relative;
	top: 1px;
}

#tablist li.active {
	background-color: white;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #888;
	height: 20px;
}

#tablist li.passive {
	background-color: #ddd;
	border: 1px solid #888;
	height: 19px;
}

#tablist li.new_content {
	color: #c00;
}

.tab_inner {
	padding: 4px;
	font-weight: bold;
}

#tab_container {
	height: 405px;
	border-bottom: 1px solid #888;
	width: 100%;
	/*background-color: green;*/
}

#tab_container_mobile {
	border-bottom: 1px solid #888;
	width: 100%;
	/*background-color: green;*/
}

.channel, .people {
	float: left;
	overflow: auto;
	height: 400px; 
	padding: 0 5px;
	margin-top: 5px;
}

.channel_mobile {
	width: 100%;
}

.tab_content {
	/*background-color: red;*/
}

.channel {
	width: 800px;
	/*background-color: yellow;*/
}

.people {
	width: 130px;
	/*background-color: #eee;*/
}

.people_inner {
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	/*margin: 3px;*/
	padding: 2px;
}

/* People window */
.people h2 {
	font-size: 12px;
	//text-decoration: underline;
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px 0;
}

.last_seen {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Messages in tabs */
.daybreak {
	margin: 10px 0 6px 0;
}

.daybreak h2 {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	border-bottom: 1px solid #aaa;
}

.break {
	margin: 0 0 5px 0;
	line-height: 5px;
}

.line {
	margin-bottom: 4px;
}

.sent, .nickname, .message {
	float: left;
}

.sent {
	font-size: 11px;
	width: 55px;
	/*background-color: red;*/
}

.nickname {
	width: 70px;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	/*background-color: green;*/
}

.message {
	width: 650px;
	/*background-color: blue;*/
}

/* Message box */
#message_box {
	background-color: #eee;
	border: 1px solid #ccc;
	margin: 10px;
	padding: 5px;
}

#message_box p {
	margin: 0;
	padding: 0;
}

#nickname {
	font-weight: bold;
}

/* Poll speed list */
ul.poll_speeds {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

.poll_speeds li {
	float: left;
	margin: 3px;
	padding: 3px;
}

.poll_speeds li.header {
	font-weight: bold;
}

.poll_speeds li.inactive {
}

.poll_speeds li.active {
	border: 1px solid #888;
	font-weight: bold;
}

.corner_commands {
	float: right; 
	font-size: 10px;
	margin: 0;
}

/*********************************
* Account styling
*********************************/

/* Account list */
table.accounts {
	border-collapse: collapse;
}

.accounts .header th {
	border-bottom: 1px solid black;
}

.accounts .hidden {
	color: #888;
}

h1.account {
	background: white url('/media/img/grey_grad.png') repeat-x top left;
	border-bottom: 1px solid #888;
}


/*********************************
* Info styling
*********************************/
.info h1 {
	background: white url('/media/img/grey_grad.png') repeat-x top left;
	border-bottom: 1px solid #888;
}

.info p, .info li {
	font-size: 14px;
}

.info li {
	margin: 4px;
}