
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

header {
	clear: both;
	margin-top: 0px;
}
	header .header-inner {
		width: 95%;
		margin: 0 auto;
		padding: 30px 0;
	}

div.body {
	width: 95%;
	margin: 0 auto;
}

h3 {
	clear: both;
}

p {
	margin: 0 0 10px; 
	padding: 0; 
}
	.alg {
		text-align:center;
		font-size: 18px;
	}
	.algsmaller {
		font-size: 16px;
	}
	.algvsmaller {
		font-size: 13px;
	}
.normal {
	color: #04BC0E;
}

.name .smaller {
	font-size: 12px;
}

tr.wanted td {
	background-color: #E6E8AF;
}
tr.owned td {
	background-color: #B5F1B2;
}
tr.pending td {
	background-color: #ECDADA;
}

label {
	display: inline-block;
	float: left;
	clear: left;
}
input {
}
.input-holder {
	display: inline-block;
}


.qube {
}
.qube div {
	float: left;
	padding-top:25%;
	width:25%;
	border: 1px solid #ddd;
}
.qube div.yellow {
	background-color: #CCCB21;
}
.qube div.top {
	border-top-color: #fff;
	border-top-width: 6px;
}
.qube div.top1 {
	border-top-color: #CCCB21;
	border-top-width: 6px;
}
.qube div.right {
	border-right-color: #fff;
	border-right-width: 6px;
}
.qube div.right1 {
	border-right-color: #CCCB21;
	border-right-width: 6px;
}
.qube div.bottom {
	border-bottom-color: #fff;
	border-bottom-width: 6px;
}
.qube div.bottom1 {
	border-bottom-color: #CCCB21;
	border-bottom-width: 6px;
}
.qube div.left {
	border-left-color: #fff;
	border-left-width: 6px;
}
.qube div.left1 {
	border-left-color: #CCCB21;
	border-left-width: 6px;
}


.wide {
	width: 100%;
}

.clearfix {
	clear: both;
}

footer {
	clear: both;
	margin-top: 50px;
	background-color: #ddd;
}
	footer .footer-inner {
		width: 95%;
		margin: 0 auto;
		padding: 30px 0;
	}
	
.col-xs-12, 
.col-xs-6,
.col-sm-12,
.col-sm-6,
.col-md-12,
.col-md-6,
.col-md-4,
.col-lg-12,
.col-lg-6,
.col-lg-4,
.col-lg-3,
.col-xg-12 {
	float: left;
}

	@media (min-width: 992px) {
		.col-md-6 {
			width: 50%;
		}
		.col-sm-4,
		.col-md-4 {
			width: 33.33%;
		}
		.col-md-3 {
			width: 25%;
		}
	}
	@media (min-width: 1300px) {
		.col-xs-12 {
			width: 100%;
		}
		.col-md-6,
		.col-lg-6 {
			width: 50%;
		}
		.col-md-3,
		.col-lg-3 {
			width: 25%;
		}
		.col-lg-2 {
			width: 16.66%;
		}
	}
	@media (min-width: 1700px) {
		.col-xs-12 {
			width: 100%;
		}
		.col-md-6,
		.col-lg-6,
		.col-xg-6 {
			width: 50%;
		}
		.col-md-3,
		.col-lg-3 {
			width: 25%;
		}
		.col-lg-2,
		.col-xg-2 {
			width: 16.66%;
		}
		.col-xg-1 {
			width: 8.33%;
		}
	}
	@media (max-width: 991px) {
		.col-sm-4 {
			width: 33.3%;
		}
		.col-sm-6 {
			width: 50%;
		}
	}
	@media (max-width: 767px) {
		.col-xs-6 {
			width: 50%;
		}
		.col-xs-12 {
			width: 100%;
		}
	}
	
	
