body
{
	/*background-color:#414FF9; */
	background-color:#8BCAEE; /*#8ad;*/
	background-image:url(../img/bg_clouds.gif);
	font-family:arial;
	background-repeat:repeat-x;
}

small {
	font-size:90%;
}

h2 {
	margin-top:2px;
	font-size:24px;
	color:#555;
	border-bottom:4px solid #888;
}

h3 {
	color:#28a;
	font-size:20px;
	margin:20px 0;
	padding-bottom:0;
	border-bottom:1px solid #28a;
	/*
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
    background: -moz-linear-gradient(-90deg, #fff, #ddd);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
    */
}

.left {
	float:left;
}

.right {
	float:right;
}

.muted {
	color:#999;
	font-size:70%;
}

.bigcentraltable
{
	padding:5px;
	background-color:#eee;
	width:600px;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.content
{
	position:relative;
	background-color:#fff;
	min-height:100px;
	padding:5px;
	margin-top:6px;
	font-size:85%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

th
{
	background-color:#888;
	color:#fff;
	font-weight:normal;
}

th,td {
	padding:3px;
}

table.explanation
{
	font-size:90%;
	border:1px solid #555;
	background-color:#eee;
}

table.compactdata {
	border-collapse: collapse;
	background:white;
	border:1px solid #555;
}

table.compactdata td,table.compactdata th {
	border-bottom:1px solid #aaa;
	font-size:10px;
}

table.compactdata tr.green td {background-color:#ddffdd;}
table.compactdata tr.red td {background-color:#ffdddd;}

a.logolink
{
	text-decoration:none;
	/* text-shadow: 0px 1px 1px #4d4d4d; */
    color: #222;
    font-size:45px;
	text-shadow: 0px 5px 2px #555;
}

.header
{
	background-color:#333;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#333));
    background: -moz-linear-gradient(-90deg, #777, #333);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#333));
	height:120px;
	padding:3px;
	border:1px solid #aaa;
	margin-bottom:5px;
	vertical-align:middle;
	color:#111;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position:relative;
}

.subheader {
	color:#111;
	font-size:14px;

}


.headernav {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:18px;
	padding:5px;
	color:#222;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#111));
    background: -moz-linear-gradient(-90deg, #555, #111);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#222));
}

.headernav a {
}

.header h1
{
	margin-bottom:3px;
	margin-top:15px;
}

.footer {
	padding:2px;
}

.navlinks
{
	font-size:80%;
	color:#ddd;
}

.navlinks a
{
	text-decoration:none;
	color:#999;
}

.navlinks a:hover
{
	color:red;
}

.actionstate
{
	background-color:#78a8dd;
}

table.data {
	width:100%;
	border-bottom:3px solid #ddd;
	margin-bottom:5px;
	background:white;
}

table.data th{
	background-color:#59f;
	border-bottom:3px solid #779;
	color:#fff;
	font-weight:normal;
}

table.data th .sortorder{
	color:#888;
}
table.data th a {
	color:#fff;
	text-decoration:none;
}

table.data td {
	position:relative;
	/*border-bottom:1px solid #eee; not needed when zebra-ing */
	font-weight:lighter;
}

table.data td .relatedlink {
	position:absolute;
	color:#999;
	font-size:80%;
	right:0;
	display:none;
}

table.data td:hover .relatedlink {
	display:inline;
}

table.data tr:hover td {
	background-color:#ccffcc;
}
table.data tr td{
	background-color:#f8f8f8;
}

table.data tr.zebra-dark td{
	background-color:#f1f1f1;
}

table.data tr.inputnewrow td {
	background-color:#cdf;
}

table.data tr.inputnewrow td input {
	width:100%;
}

.dimmed {
	color:#999;
	font-size:90%;
}

.success, .error {
	padding:3px;
	border-radius:3px;
	opacity:0.9;
}

.success {
	background-color:#aaffaa;
	color:#005500;
}

.error {
	background-color:#ffaaaa;
	color:#550000;
}

/*
* USED ON HELP PAGE
*/
.stickynav {
	background-color:white;
	border:1px solid #111;
	position:fixed;
	margin-left:610px;
}

.stickynav ul {
	margin:5px;
	padding:0;
}

.stickynav li {
	font-size:12px;
	padding:0;
	list-style:none;
}

.yokoimage {
	border:3px solid #333;
	margin-bottom:10px;
	width:60%;
}

.prechatnotice {
	width:70%;
	padding:3px;
	background-color:#eee;
	margin:10px;
	font-size:11px;
}

.prechatnotice li {
	text-align:left;
}

.avatar {
	position:absolute;
	border-radius:5px;
	float:left;
	height:80px;
	margin:10px;
}

li.listedtable {
	background-color:#eee;
	border:1px solid #888;
	float:left;
	margin-left:2px;
	margin-bottom:2px;
	padding:2px;
	overflow:auto;
}

li.listedtable ul {
	padding-left:5px;
	list-style:none;
}

li.listedtable .tablename {
	background-color:#ddd;
	color:#333;
	padding:3px;
	cursor:pointer;
}

.tabletypecontainer {
	margin-bottom:5px;
	padding:5px;
}

.tabletype_worldviewitems {
	background-color:#ffdddd;
}

.tabletype_worldviewrelations {
	background-color:#ddeeff;
}
.tabletype_meta {
	background-color:#aaffaa;
}

.listedtables {
	padding:0;
}

.tablefields {
	display:none;
}

.subnav {
	background-color:#eee;
	border-bottom:1px solid #aaa;
	color:#999;
}

.subnav a {
	color:#888;
	text-decoration:none;
	background-color:#ddd;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin-bottom:-1px;
	margin-right:3px;
	padding:2px;
	float:left;
}

.subnav a.current {
	background-color:#fff;
}

.subnav a:hover {
	color:#555;
}

/*
* RESPONSIVE CHAT?
*/

@media screen and (max-width:600px) {
	body {
		padding:0;
	}
	.bigcentraltable {
		width:99%;
	}

	a.logolink {
		position:absolute;
		right:40px;
		top:30px;
	}

	.stickynav {
		display:none;
	}

	.subheader {
		display:none;
	}

	pre {
		white-space:normal;
		font-size:8px;
	}
}

.errorlog {
	display:block;
	color:#822;
	background-color:#faa;
}

ul.chartproperties {
	margin:0;
	padding:0;
	list-style-type:square;
	list-style-position: inside;
}

ul.chartproperties li {
	color:#555;
	font-size:11px;
	padding:0;
	margin:0;
}

.phrasepattern {
	background-color:#eee;
	border:1px dashed #aaa;
	margin-bottom:5px;
	padding:3px;
}

.phrasepattern .pattern {
	padding:4px;
	background-color:#378;
	font-size:14px;
	color:white;
}

.examplephrasecontainer {
	font-size:10px;
	border:1px dotted #aaa;
	background-color:#eee;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
}

.examplephraseheader {
	background-color:#bbb;
}

.userbox {
    position:absolute;
    right:5px;
    top:5px;
    font-size:80%;
    color:#999;
}

.toc {
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin:5px 0;
}