body {
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url('../images/bg.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:"Arial Narrow", Arial, "Century Gothic", "MS Sans Serif";
	font-size:14px;
	color:#333333;
}

#mainpage-wrapper {
	display:block;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#flash-wrapper, #content-wrapper, #footer-wrapper {
	display:block;
	position:relative;
	width:100%;
}
#content-wrapper {
	width:1002px;
	margin-bottom:25px;
	background-color:#fff;
	border:solid 1px #aaa;
	padding:10px;
	box-shadow:0px 0px 5px #333;
}

#footer-wrapper p {
	text-align:center;
}

#top-bar-wrapper {
	position:relative;
	width:100%;
	background:url('../images/bg_top_bar.png') left top repeat;
	padding-bottom:5px;
}

#shop-title {
	float:left;
	margin-top:15px;
	font-size:36px; 
	color:#006; 
	font-weight:bold;
	text-decoration:none;
}

#logo {
	float:right;
	margin-top:5px;
}

#user-bar-wrapper {
	display:block;
	width:100%;
	float:left;
}

.flash-container {
	display:block;
	width:99%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px;
	box-shadow:0px 0px 3px #333;
	cursor:pointer;
}

.flash-message {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	text-align:center;
}

.flash-error {
	background-color:#FCC;
	color:#C00;
	border:solid 1px #C00;
}
.flash-success {
	background-color:#9F0;
	color:#090;
	border:solid 1px #090;
}
.flash-info {
	background-color:#00CCFF;
	color:#03F;
	border:solid 1px #03F;
}
.flash-warning {
	background-color:#FC0;
	color:#F60;
	border:solid 1px #F60;
}

#login-box {
	display:block;
	position:relative;
	width:450px;
	min-height:200px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 10px 20px 10px;
	border:solid 1px #aaa;
	background-color:#eee;
	box-shadow:0px 0px 5px #000;
}

.menu-container {
	display:block;
	position:absolute;
	top: 0px;
	left: -202px;
	width:180px;
	padding:10px;
	background-color:#f0f0f0;
	border:solid 1px #aaa;
}

.menu {
}

.ui-menu {
	width:180px;
	box-shadow:0px 0px 5px #333;
}

.info-box {
	display:block;
	padding:10px;
	text-align:center;
	font-size:12px;
}
.error-box {
	background-color:#FF8A8A;
	border:solid 1px #900;
	color:#900;
}
.success-box {
	background-color:#CF6;
	border:solid 1px #030;
	color:#030;
}
.warning-box {
	background-color:#FF9;
	border:solid 1px #F60;
	color:#F60;
}

#settings-wrapper {
	position:absolute;
	width:100%;
	top:0px;
	right:0px;
	z-index:1000;
	
	background-color:#f0f0f0;
	box-shadow:0px 0px 15px #000;
}

/* ***********************      TABLES    ******************************************* */
/* List */
table.list { 
	width: 100%;	
}

table.list th {
	background-color:#f0f0f0;
	text-align:left;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	border-left:solid 1px #aaa;
	padding:10px 5px 10px 5px;
}
table.list th:last-child {
	border-right:solid 1px #aaa;
}

table.list td {
	text-align:left;
	border-bottom:solid 1px #aaa;
	border-left:solid 1px #aaa;
	padding:10px 5px 10px 5px;
}
table.list td:last-child {
	border-right:solid 1px #aaa;
}

table.list tr.one {
	background-color:#fff;
}
table.list tr.two {
	background-color:#f5f5f5;
}

/* Form */
table.form {
	width:100%;
}

table.form th {
	background-color:#f0f0f0;
	text-align:left;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	padding:5px 10px 5px 10px;
}

table.form td {
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	padding:5px 10px 5px 10px;
}

table.form td.valid,
table.form th.valid,
.valid {
	background-color:#9F6;
}

table.form td.invalid,
table.form th.invalid,
.invalid {
	background-color:#FF8A8A;
}

table.form td.warning,
table.form th.warning,
.warning {
	background-color:#FF6;
}

table.form td.cancelled,
table.form th.cancelled,
.cancelled {
	background-color:#ccc;
	text-decoration:line-through;
	color:#666;
}

/* Table Transaction Details */
table.transaction-details {
	width:99.6%;
	border-left:1px solid #999;
	border-right:1px solid #999;
	box-shadow:0px 0px 5px #000;
}

table.transaction-details th {
	font-weight:bold;
	padding:5px 10px 5px 10px;
	text-align:left;
	background-color:#ddd;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

table.transaction-details td {
	padding:5px 10px 5px 10px;
	text-align:right;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

table.transaction-details th 

/* Ongoing Transfers */
.ongoing-transfers-table {
	margin:15px 0 15px 0;
}
.ongoing-transfers-table {
	width:100%;
}

.ongoing-transfers-table tr {
	background-color:#f0f0f0;
}
.ongoing-transfers-table td,
.ongoing-transfers-table th {
	border-top:1px solid #bbb;
	padding:3px 10px 3px 10px;
}
.ongoing-transfers-table tr:last-child td {
	border-bottom:1px solid #bbb;
}
.ongoing-transfers-table td:first-child,
.ongoing-transfers-table th:first-child {
	border-left:1px solid #bbb;
}
.ongoing-transfers-table td:last-child,
.ongoing-transfers-table th:first-child {
	border-right:1px solid #bbb;
}

.ongoing-transfers-table tr.transfer-in {
	background-color:#9F6;
}
.ongoing-transfers-table tr.transfer-out {
	background-color:#FF8A8A;
}


/* Quote */
table.quote {
	width:100%;
	border:solid 1px #aaa;
}

table.quote th, table.quote td {
	padding:5px 10px 5px 10px;
	text-align:center;
}
table.quote th {
	background-color:#f0f0f0;
}

/* Top Buttons Bar */
table.top-buttons {
	width:100%;
}

table.top-buttons th, table.top-buttons td {
	text-align:center;
	padding:25px 10px 25px 10px;
	min-width:25%;
}
.top-button {
	width:auto;
	padding:10px 20px 10px 20px;
	background-color:#f0f0f0;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

/* Rates Table */
table.ratesTable {
	width:100%;
}

table.ratesTable .pair-name {
	font-size:25px;
}

table.ratesTable .bid,
table.ratesTable .offer,
table.ratesTable .bid-head,
table.ratesTable .offer-head {
	text-align:center;
	width:30%;
}

.main-rate {
	font-size:25px;
	font-weight:bold;
}
#calc-resp-amount, #calc-resp-currency {
	font-size:22px;
}

/* Nested Table */
table.nested {
	width:100%;
	margin:0;
	padding:0;
	border:0;
}

table.nested th,
table.nested td {
	border:0;
	padding:0 5px 0 5px;
}

/* ***********************      FORMS     ******************************************* */

input, textarea, select {
	display:block;
	width:88%;
	padding:10px 5% 10px 5%;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px #aaa;
	background-color:#fff;
	font-size:16px;
	color:#666;	
}
input:hover, textarea:hover, select:hover {
	box-shadow:0px 0px 3px #666;
}

input[readonly] {
	background-color:#ddd;
}

.error-field {
	box-shadow:0px 0px 3px #ff0000;
	border:solid 1px #ff0000;
}

.select {
	display:inline-block;
	width:auto;
	max-width:98%;
	padding-right:35px;
}

button, .button, .button-small {
	display:inline-block;
	width:auto;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#333;
	border:solid 1px #000;
	color:#fff;
	font-size:16px;
	font-weight:bold;	
}
.button-small {
	padding:5px;
	font-size:12px;
	text-decoration:none;
}
button:hover, .button:hover, .button-small:hover {	
	border:solid 1px #aaa;
	background-color:#ddd;
	color:#333;
}
a.button {
	text-decoration:none;
	font-weight:normal;
}

.button-icon-only {
	padding:5px;
}

/* *********************     PERMISSIONS   ********************************* */
#left-permissions-container {
	display:block;
	float:left;
	width:45%;
	padding:10px;
	border:solid 1px #aaa;
	background-color:#cccccc;
}
#right-permissions-container {
	display:block;
	float:right;
	width:45%;
	padding:10px;
	border:solid 1px #333;
}
.permission {
	display:inline-block;
	width:auto;
	padding:5px 10px 5px 10px;
	border: solid 1px #aaa;
	background-color:#f0f0f0;
}

/* *********************     SPECIALS      ********************************* */
.text-crossed {
	text-decoration:line-through;
	background-color:#ccc;
}

.clear {
	clear:both;
	float:none;
}
.invisible {
	display:none;
}
.required {
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	content:"*";
	color:#ff0000;
}

.sub { 
	font-size:10px;
	color:#999999;
	line-height:11px;
}


.box-1 {
	display:block;
	width:98%;
	padding-left:10px;
	padding-right:10px;
}

.box-12 {
	display:inline-block;
	width:47%;
	padding-left:10px;
	padding-right:10px;
}
.box-13 {
	display:inline-block;
	width:30%;
	padding-left:10px;
	padding-right:10px;
}

.box-23 {
	display:inline-block;
	width:63%;
	padding-left:10px;
	padding-right:10px;
}

@media (max-width: 1427px) {
	#mainpage-wrapper {
		width: 960px;
		margin-left:202px;
		margin-right:0;
	}
	
	#content-wrapper {
		width: 938px;
	}
}

@media (max-width: 1162px) {
	#mainpage-wrapper {
		width: 760px;
		margin-left:202px;
		margin-right:0;
	}
	
	#content-wrapper {
		width: 738px;
	}
}