/* CSS file for basic page-layout stuff. See layout-sitespecific.css 

WARNING: Do NOT edit this file unless you are working in the creole project!
Otherwise your edits will get over-written by incoming edits from creole.

TODO: sort the css into the right file
*/

.commentStream {
    font-size: 90%;
    background-color: #f0f0f0;
    padding: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.comment {
	border: 1px dotted #0096bb;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.collapse-button {
	text-align:center;
	cursor: pointer;
	font-size:75%;
	margin: 0px;
	padding:0px;
}
div.collapse-button:before { content:"[";}
div.collapse-button:after { content:"]";}

#loginBar {
    text-align: center;
    font-size: 9pt;
    padding-bottom:4px;
}
#loginBar input {
	height: 9pt;
	font-size: 9pt;
}
#loginBar button {
	color: #888;
	font-size: 9pt;
}

.titleField {
	font-weight: bold;
	font-size: 150%;
	width:600px;
}

div.trailer {
	cursor: pointer;
	border: 1px solid #0096bb;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px;
	margin: 2px;
}
div.trailer a {
	text-decoration: none;
	color: #7f254a;
}

.message {	
	background-color: #6ecdfe;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 100px;
	margin-right: 100px;
}

.exception {
	background-color: #ffaaaa;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 1px solid #ff0a0a;
	padding: 2px;
	margin: 2px;
}

.form {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	background-color: #e7f6fe;
	border: 1px solid #41aae1;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

.sub-form {
	border: 1px solid #0096bb;
}

.ghost {
	background-color: #a0a0a0;
	font-size: 75%;	
}

.progress-bar {
	width: 200px;
	border: 1px solid #444;
	float: right;
}

.progress-bar div.bar {
	background: #ccc;
}