@charset "UTF-8";
/* CSS Document */

body
{
	background-color: #000;
	color: #6CF;
	font-family: 'Abel', sans-serif;
}

#header
{
	width: 825px;
	margin: 0 auto;
}

input::-webkit-input-placeholder {
	color: #6CF;
	opacity: .5;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}
input::-moz-placeholder {
	color: #6CF;
	opacity: .5;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #6CF;
	opacity: .5;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}
input:-ms-input-placeholder { 
	color: #6CF;
	opacity: .5;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}
#header input
{
	font-family: 'Abel', sans-serif;
	text-transform: uppercase;
	font-size: 36px;
	background-color: #000;
	color: #6CF;
	border: 0;
	outline: 0;
	width: 600px;
}


#header input:focus
{
	background-color: #222;
}

#newSheetButton
{
	float: right;
}

table
{
	font-family: 'Abel', sans-serif;
	border-collapse: collapse;
	border-color: #6CF;
	width: 825px;
	margin: 0 auto;
}

table th
{
	text-transform: uppercase;
}

table input
{
	font-family: 'Abel', sans-serif;
	background-color: #000;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
}

.itemCell
{
	width: 300px;
}

.categoryCell
{
	width: 300px;
	padding-left: 5px;
}

.sdCell
{
	width: 75px;
}

.sdCell.checked
{
	background: #6CF;
}

.sdCheck
{
	width: 100%;
	height: auto;
	opacity: 0;
}

.sdLabel
{
	width: 100%;
	height: auto;
}

.controlCell
{
	width: 75px;
}

.ui-menu
{
	list-style-type: none;
	padding-top: 10px;
	padding-left: 3px;
	background-color: #000;
	width: 300px;
	opacity: 0.7;
}

.ui-menu-item
{
	text-transform: uppercase;
	color: #FFF;
}