body {
				color: #fff;
				font-size:15px;
				text-align:center;
				background-color: #000;
				margin: 0px;
				overflow: hidden !important;
			}
			#gender{
			  width: 100%; 
			  font-size: 15px;
			  color: white;
			}
			#table{
			  width: 100%; 
			  display: table;	
			}
			#row{
				display: table-row;	
			}
			.property-name {
				text-align: left;
				width: auto; 
				font-size: 15px;
				white-space: nowrap;
  				text-overflow: none;
  				max-width: 200px;				
			}
			.c {
				color: #000;
                text-align: left;
				font-size: 15px;
			}			
			.title {
				text-align: left !important;
				font-weight: bold !important;
				font-size: 18px !important;
			}
            .btn {
                border: none;
                background-color: lightgrey;
                width: 400px;
                height: 75px;                
                font-size: 50px;
				font-weight: bold;                
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                border-style: outset;
            }
            .btn:hover {background: #eee;}
            .itab {
                background-color: #e1e1e1;
                color: black;
                border: 1px solid #e1e1e1;
            }
			#viewscreen {
				display: table-cell;
                width: 100%;
                height: 100%;
                background-color: #848482;
			}
			.container {  z-index: 1;}
            .full-height {
                height: 100%;
            }
            input[type=number][size="4"]{ 
                width: 4em; 
            }
			#container {
                position: fixed;
				display: table-cell;
				border-style: solid;
				border-color: #848482;
                border-width: 10px;
                z-index: 2;
			}
            .slidecontainer {
                font-family: Arial, Helvetica, sans-serif;
                color: #fff;
                overflow:scroll;
                overflow-x: hidden;                
                width: 400px;
            }
            canvas{
                position: relative;
                left: 0
                top: 10
                float: left
                display: block;
                z-index: 3;
            }
			.datstuff{
                font-size: 12px;
				border: none;
				background-color: black;
				width: 380px;
				overflow-y:auto; 
				overflow-x:hidden; 
				padding: 30px, 5px, 30px, 5px;
			}
			.datem{
                font-size: 12px;
				border: none;
				background-color: black;
				width: 380px;
				overflow-y:auto; 
				overflow-x:hidden; 
				padding: 30px, 5px, 30px, 5px;
			}
			.macrostuff{
                font-size: 12px;
				border: none;
				background-color: black;
				height: 300px;
				width: 300px;
				padding: 30px, 5px, 30px, 5px;
                display: inline-block;
			}			
			.fl {
				float: left;
			}
			.fr {
				float: right;				
			}
			.il{
				display: inline;
			}
			.toolbar{
				background-color: lightgrey;				
			}
			.c:parent {width:80%;}
			.colors{
				vertical-align: top;
				width:45px;
				height:45px;
			}
            #RGB{
                position: relative;
                display: inline-block;
                text-align:center;
                left: 50%; 
                margin-left: -90px;                
            }
			#peach {
				margin-top: 15px;
				vertical-align: top;
				text-align: left;
				width:400px;
				font-size: 15px;
			  	color: white;
			  	margin-bottom: 15px;
			}			
			#peach1 {
			   background-color:rgb(255,233,225);
			   z-index: 3;
			   display: inline-block;
			}
			#peach2 {
			   background-color:rgb(249,220,211);
			   z-index: 3;
			   display: inline-block;
			}
			#peach3 {
			   background-color:rgb(227,192,183);
			   z-index: 3;
			   display: inline-block;
			}
			#peach4 {
			   background-color:rgb(210,178,167);
			   z-index: 3;
			   display: inline-block;
			}
			#peach5 {
			   background-color:rgb(182,151,146);
			   z-index: 3;
			   display: inline-block;
			}

			#brown {
				vertical-align: top;
				text-align: left;
				width:400px;
				font-size: 15px;
			  	color: white;
			  	margin-bottom: 15px;			  	
			}			
			#brown1 {
			   background-color:rgb(255,209,171);
			   z-index: 3;
			   display: inline-block;
			}
			#brown2 {
			   background-color:rgb(223,162,111);
			   z-index: 3;
			   display: inline-block;
			}
			#brown3 {
			   background-color:rgb(179,114,61);
			   z-index: 3;
			   display: inline-block;
			}
			#brown4 {
			   background-color:rgb(133,73,23);
			   z-index: 3;
			   display: inline-block;
			}
			#brown5 {
			   background-color:rgb(82,37,0);
			   z-index: 3;
			   display: inline-block;
			}
			#darks {
				vertical-align: top;
				text-align: left;
				width:400px;
				font-size: 15px;
			  	color: white;
			  	margin-bottom: 15px;			  	
			}			
			#darks1 {
			   background-color:rgb(139,76,58);
			   z-index: 3;
			   display: inline-block;
			}
			#darks2 {
			   background-color:rgb(66,36,26);
			   z-index: 3;
			   display: inline-block;
			}
			#darks3 {
			   background-color:rgb(45,36,28);
			   z-index: 3;
			   display: inline-block;
			}
			#darks4 {
			   background-color:rgb(34,28,23);
			   z-index: 3;
			   display: inline-block;
			}
			#darks5 {
			   background-color:rgb(28,23,18);
			   z-index: 3;
			   display: inline-block;
			}
			fieldset{
  				border: none;
			}
			output{
  				display: inline-block;
  				min-width: 2.5em;
			}
			label, output{
			  padding: 2px 9px;
			  border-radius: 3px;
			  font-family: 'Roboto', sans-serif;
			  color: #000;
			  font-size: 1.1em;
			}
			label[for=r], output[for=r]{
			  background-color: red;
			}
			label[for=g], output[for=g]{
			  background-color: green;
			}
			label[for=b], output[for=b]{
			  background-color: blue;
			}
			#mnav{
                position: relative;
				left:10;
				top:10;
				z-index: 4;
                float: left;
			}
			#copy{
				width: 100%;
    			color: #ffffff;
    			display: inline-block;
			}
			#copy a:link {color: #fff;}
			#copy a:visited {color: yellow;}
			#copy a:hover {color: blue;}
            .table { display: table; }
            .row { display: table-row; }
            .cell { display: table-cell; }
            .column {display: table-cell; }
a:link {
    color: yellow;
}
a:hover {
    color: #ADD8E6;
}
a { text-decoration: none; }
.tabs ul{
    list-style-type:none;
    bottom: -1px;
    position:relative;
    background-color: #808080;
}
.tabs li{
    float:left;
}
.tabs a{
    display:block;
    border-radius: 5px 5px 0px 0px;    
    padding:5px 10px;
    background-color: #EEE;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    margin: 0 2px;
    border-top:1px solid #CCC;
    border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    font:13px/18px verdana,arial,sans-serif;
    border-bottom:1px solid #CCC;
}
.tabs a.active{
    background-color: #2B60DE;
    color: #fff;
    border-bottom:1px solid #fff;
}

.tabs div{
    clear: both;
    border:1px solid #CCC;
    padding:5px;
    font-family:verdana;
    font-size:13px;
    background-color: #fff;
    display:none;
}