@import url(common.css);

@import url(scaffold.css);

@import url(pagin.css);

body {
	margin: 0;
	background-color: white;
}

#menu {
	word-spacing: 20px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

#menu a {
	word-spacing: normal;
}

#menu-right {
	float: right;
	word-spacing: normal;
	min-width: 475px;
	text-align: right;
}

#menu-left {
	float: left;
	min-width: 800px;
}

#content {
	padding: 10px;
	padding-top: 1px;
	border-bottom: 1px solid #ddd;
}

#logowanie {
	margin: auto;
	margin-top: 100px;
	text-align: center;
	width: 300px;
	border: 1px solid #DDDDDD;
	padding
}

#notifier-wrapper {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	
	overflow: hidden;
	
	padding: 5px;
	border: #ddd solid;
	border-width: 1px 0;
	
	background-color: #eee;
}

#notifier-bar {
}

#notifier-bar span {
	margin: 0;
	padding: 0;
}

#notifier-bar-arrow {	
	padding: 0;
	margin: 0;
}

#notifier-box {
	max-height: 200px;
	transition: max-height 0.5s;
	
	overflow-y: scroll;
	overflow-x: hidden;
	
}

#notifier-content {
	width: 100%;
	background-color: white;
}

.collapsed {
	max-height: 0px !important;
}

#notifier-icon, #notifier-close {
	float: right;
}

label {
	margin-left: 10px;
}

.footer {
	margin-right: 5px;
	color: #AAA;
	float: right;
}

#offline {
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	margin: 100px auto auto;
	text-align: center;
	width: 450px;
}

.valuationAccepted {
	color: green;
}

.valuationDeclined {
	color: red;
}

.positionNameField {
	width: 150px;
}

.positionQuantityField {
	width: 40px;
}

.positionPriceField {
	width: 75px;
}