html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000;
	background-color: #000;
	font-family: 'Helvetica Neue';
}

#content {
	background-color: #959595;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 100%;	
}

	#content table {
		width: 100%;
		border-collapse: collapse;
	}

	#content table, th, td {
		/*border: 0.125rem solid;*/
	    /*border-color: rgba(0,0,0,0.2); */
	}	

	#content table tr.header th {
        background-color: rgba(0,0,0,0.125);

	}
	
	#content table th {
        background-color: rgba(0,0,0,0.125);
        color: #dedede;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
		padding: 0.5rem 0.25rem;
		width: 16.666667%
	}	

	#content table td {
        background-color: rgba(255,255,255,0.4);
		font-weight: 500;
		text-align: center;
		padding: 0.5rem 0;
		width: 16.666667%
	}
	
	.dropRoll {
		color: #969696;
	}
	
#settings {
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0 0 0;
	text-align: center;
}

#rollOptions {
    margin: 0 auto;
    padding: 0.25rem 0 0 1.15rem;
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
	color: #fff;
}

	#rollOptions label {
		padding: 0 0.6rem 0 0.2rem;    
		text-transform: capitalize;
        font-weight: 400;
	}

#colorOptions {
    margin: 0 auto;
    padding: 0 1.15rem 0 0;
    float: right;
}

#control {
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0 2rem 0;
	text-align: center;clear: both;
}

#control button {
    background-color: rgba(0,0,0,0.125);   
	width: 10rem;
	margin: 0 0.5rem 0rem 0.5rem;
	padding: 1rem 1.5rem;
	border: 0.15rem solid;
    border-color: rgba(0,0,0,0.2);  
	border-radius: 7px;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}

#rollStats {
	width: 91% !important;
	margin: 0rem 0.5rem 1.5rem 0.5rem !important;
}

h1 {
	margin: 0 auto;
    padding: .75rem 0;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0,0,0,0.33) 
}

/* buttons & ui */
#settingsDialog,
#rollDialog, 
#colorDialog {
	display: none;
	min-height: 0rem !important;
	padding: 0.5rem 0;
	text-align: center;
}

.settingsDialog,
.rollDialog, 
.colorDialog {
	width: 20rem !important;	
}

.settingsDialog button.ui-button-text-only,
.rollDialog button.ui-button-text-only,
.colorDialog button.ui-button-text-only {
	width: 15rem !important;
    text-transform: uppercase;
}

.ui-front {
	z-index: 9999 !important;
}				

.ui-dialog .ui-dialog-buttonpane {
    text-align: center !important;
    border-width: 0rem 0 0 0 !important;
    margin-top: 0rem !important;
    padding: .0rem 0 1rem 0 !important;
}

.ui-dialog-buttonset {
	float: none !important;
}

.ui-widget-overlay {
	background: #000 !important;
	opacity: .5 !important;
	filter: Alpha(Opacity=50) !important;
}

.ui-widget-shadow {
	background: #000 !important;
	opacity: .5 !important;
	filter: Alpha(Opacity=50) !important;
}

.ui-dialog .ui-dialog-title {
    text-transform: uppercase;
}