@import url(../qommon.css);

html, body {
	margin: 0;
	font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
	background: #eee;
	color: black;
}

a {
	color: #0066cc;
	text-decoration: none;
	border-width: 0;
	border-bottom: 1px dotted #ff9900;
	-webkit-transition: color 200ms ease-out;
}

a:hover {
	color: #003388;
	border-style: solid;
}

p.commands a {
	border: 0;
}

ul.user-info {
	margin: 0;
	padding: 0;
	font-size: 85%;
	font-weight: bold;
}

ul.user-info li {
	display: inline;
	padding-left: 10px;
	padding-right: 3em;
}

ul.biglist {
	margin: 0;
	padding: 0.5em 0;
}

ul.biglist li,
li.biglistitem {
	list-style-type: none;
	margin: 8px 0;
	padding: 0 2px;
	border: 1px solid #888;
	background: #ffe;
	clear: both;
	color: #505050;
}

ul.biglist li .details,
li.biglistitem .details {
	display: block;
	margin: 0;
	color: #555;
	font-size: 80%;
}

ul.biglist li p.commands,
li.biglistitem p.commands {
	float: right;
	margin: 0;
	font-size: 80%;
}

ul.biglist li p.commands img,
li.biglistitem p.commands img {
	padding-right: 5px;
}

a img {
	border: 0;
}

td.time {
	text-align: right;
}

ul.biglist li.disabled, ul.biglist li.disabled .details,
li.biglistitem.disabled, li.biglistitem.disabled .details {
	color: #999;
	background: #ddd;
}

ul.biglist li p.commands {
	display: none;
}

ul.biglist li:hover p.commands {
	display: block;
}

ul.biglist li:hover p.commands {
	float: none;
	margin: 0;
}

ul.biglist li:hover p.commands a {
	padding: 2px 2px;
}

ul.biglist strong {
	width: 30%;
	display: inline;
	color: #202020;
}

ul.biglist strong a {
	color: inherit;
}

ul.biglist .details {
	float: right;
	padding-right: 0.5ex;
}

dl dt {
	margin : 0;
	padding : 0 0 0 0;
}

dl dd {
        margin : 0.3em 0 1.5em 10px;
}

ul.themes p.details {
	display: block;
	float: none;
	margin-left: 1em;
}

img.theme-icon {
	float: right;
	margin: 3px 4px 0px 3px;
	border: 1px solid #999;
}

div#new-field div.widget {
	margin: 0;
	padding: 0;
}

div#new-field div.buttons {
	margin: 1em 0 0 0;
	padding: 0;
}

div#new-field div.buttons input {
	margin: 0;
	padding: 0;
}

div#new-field {
	margin: 2em 0 4px 0;
	padding: 5px 5px;
}

div#new-field div.StringWidget input {
	width: 90%;
}

div#new-field form {
	margin-bottom: 2em;
}

div#new-field h3 {
	margin: 0;
	font-size: 100%;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dcdcdc;
}

div#new-field br {
	display: none;
}

div#new-field div.SubmitWidget input {
	padding: 2px 1ex;
}

div.WorkflowStatusWidget {
	border-left: 1px solid black;
}


/** steps **/
#steps {
	height: 32px;
	margin-bottom: 1em;
	background: #f0f0f0;
	color: #aaa;
}

#steps ol {
	list-style: none;
	padding: 0 20px;
}

#steps li {
	display: inline;
	padding-right: 1em;
	display: block;
	float: left;
	width: 30%;
	list-style: none;
}

#steps ol ul {
	display: none;
}

#steps span.marker {
	font-size: 26px;
	padding: 2px 9px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: #ddd;
	border: 1px solid #ddd;
	-moz-border-radius: 0.7ex;
}

#steps li.current span.marker {
	background: #ffa500;
	border: 1px solid #ffc400;
}

#steps span.label {
	font-size: 90%;
}

#steps li.current span.label {
	color: black;
}

#steps ol ul {
	display: none;
}


/** logs **/
form#other-log-select {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #999;
}

form#other-log-select select {
	margin: 0 1em;
}

table#logs tr:nth-child(even) {
	background: #eee;
}

table#logs tr.level-error td {
	border: 1px solid #800;
	background: red;
}

table#logs tr.level-error td.message {
	font-weight: bold;
}

span.error-message {
	color: #e00;
	font-weight: bold;
}

table.stats {
	margin: 1ex 0;
}

table.stats thead th {
	text-align: left;
}

table.stats td {
	padding-left: 1em;
}

form.inplaceeditor-form {
	margin: 0;
	padding: 0;
}

form.inplaceeditor-form input {
	margin: 0;
	padding: 0;
}

textarea.comment {
	width: 80%;
}

dl.job-status {
	margin: 1em 0;
}

dl.job-status dt {
	font-weight: bold;
}

dl.job-status dd {
	margin-left: 2em;
	margin-bottom: 1em;
}

span.activity {
	background: url(../indicator.gif) no-repeat top right;
	padding-right: 30px;
}

span.activity-done {
	background-image: none;
}

div.letters-nav {
	text-align: center;
	border: 1px solid #888;
	background: #eee;
	margin: 1em 0 1ex 0;
}

div.letters-nav a, div.letters-nav span.current-letter {
	text-decoration: none;
	padding: 0 0.5ex; /* so it is easier to click on 'I' */
	border-bottom: 0;
}

div.letters-nav span.current-letter {
	font-weight: bold;
}

div.page-nav {
	margin-top: 1em;
	text-align: center;
}

div.page-nav span.page-count-label {
	margin: 0 1ex;
}

ul.biglist li.user-is-admin {
	border-left: 5px solid #0099ff;
}

ul.biglist li.user-has-roles {
	border-left-color: green;
	border-left: 5px solid #cc00ff;
}

dl#evolutions dt {
	font-weight: bold;
}

dl#evolutions dd {
	border-bottom: 1px solid #006699;
}

div.page {
	border: 1px solid #aaa;
	padding: 1ex;
	margin-bottom: 1em;
}

div.page h3,
div.page h4 {
	margin: 0;
	margin-bottom: 1ex;
}

ul.biglist.themes li {
	min-height: 45px;
}

div#top {
	background: black;
	color: #eee;
	text-align: right;
}

div#top a {
	color: #aaa;
	font-weight: normal;
}

div#top a:hover {
	color: #888;
	border: 0;
}

div#header {
	background: #283c54;
	color: white;
	padding-left: 25px;
	border-bottom: 1px solid #283c54;
}

div#header h1 {
	margin: 0;
	padding: 5px 0 15px 0;
	font-weight: normal;
}

ul#menu {
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

div#main-menu span {
	padding-bottom: 14px;
	background: blue;
}

ul#menu li {
	display: inline;
}

ul#menu li a {
	color: white;
	border-bottom: none;
	padding: 3px 1ex 0px 1ex;
	font-weight: normal;
	border-bottom: 3px solid #283c54;
	-webkit-transition: all 500ms ease-out;
}

ul#menu li.active a {
	background: white;
	color: #333;
	font-weight: bold;
	border-color: white;
}

ul#menu li a:hover {
	background: #394f6e;
	border-color: #394f6e;
}

ul#menu li.active a:hover {
	background: white;
	border-color: white;
}

div#main-content {
	width: 70%;
	margin-left: 2%;
	padding: 0 6px;
	border: 1px solid #888;
	border-width: 0 1px 1px 0;
	background: white;
	float: left;
	position: relative;
}

div#main-content h2 {
	font-weight: normal;
}

p#breadcrumb {
	margin: 0 -6px; /* matching padding of div#main-content */
	background: #dfebff;
	padding: 10px 18px;
	font-size: 110%;
}

p#breadcrumb a {
	color: #028;
}

p#breadcrumb a:hover {
	text-decoration: underline;
}

p#breadcrumb a,
ul.user-info a {
	border: none;
}


div#footer {
	clear: both;
	margin-left: 2%;
	font-size: 60%;
	width: 96%;
}

div#sidebar {
	float: right;
	width: 23%;
	margin-right: 2%;
	color: #666;
}

ul#main-actions {
	position: absolute;
	right: 0px;
	top: 10px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 110%;
}

ul#main-actions li {
	display: inline;
	padding: 0 1em;
}

ul#main-actions li a {
	padding: 2px;
	border: none;
	background: #DFEBFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul#main-actions a.new-item {
	background: url(../../images/stock_add_16.png) center left no-repeat;
	padding-left: 22px;
}

div.TextWidget textarea,
div.RankedItemsWidget input,
div.StringWidget input,
div.IntWidget input,
div.DateWidget input,
div.WcsExtraStringWidget input,
div.RegexStringWidget input,
div.EmailWidget input,
div.PasswordWidget input {
	border: 1px inset #ccc;
	margin: 1px;
	padding: 2px 3px;
	background: white;
	color: black;
}

div.SingleSelectWidget select {
	border: 1px inset #ccc;
	margin: 1px;
	padding: 2px 3px;
	background: white;
	color: black;
}

div.bo-block {
	border: 1px solid #e4e4e4;
	background: #fcfcfc;
	color: #505050;
	margin: 1em;
	padding: 1ex;
}

div.bo-block h2 {
	margin: 0;
	border-bottom: 1px solid #bcbcbc;
	color: #474747;
}

div.bo-block ul {
	padding-left: 2em;
	padding-bottom: 1ex;
}

div.bo-block ul.biglist {
	padding-left: 0em;
}

div.splitcontent-left {
	float: left;
	width: 61%;
}

div.splitcontent-right {
	float: right;
	width: 39%;
}

.clear {
	clear: both;
}

fieldset.formpage {
	border: 1px solid #bcbcbc;
	margin: 1em 0;
}

.bo-block img {
	margin: 1em 0;
}
