input[type='file'] {
   color: transparent;
}

#uploadedfilename {
   /*display: block;
   margin-left:-130px; */
}

body {
    font-family: Helvetica, Arial, Sans-Serif;
    background-color: #FFF;
}

div {
    padding: 0px;
    margin-left: 8px;
    float: left;
    /**/
}

#viewer {
   clear: both;
    float: left;
    border: 1px solid black;
}

#cv {
    float: left;
    border-bottom: 1px solid;
    width: 440px;
    height: 440px;
}

canvas {
  color: #fff;
}

#controls {
    width: 424px;
    border-top: 1px solid;
    clear: both;
    margin-left: 0px;
    margin-top: 8px;
    padding: 8px;
    background-color: #FBFBFB;
}

#controls button {
   width: 100px;
   margin-left: -8px;
}

#options {
	padding: 0px;
	margin-top:10px;
}

#optionstable td {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: smaller;
	padding-right:4px;
}

#optionstable input {
    font-family: Helvetica, Arial, Sans-Serif;
    width: 100%;
}

#form {
   float: left;
   border: 1px solid black;
   padding:8px;
   background-color: #FBFBFB;
}

#form form div#pointgroups div.pointgroup input {
   
}

#jsondiv {
    clear: both;
    margin-top: 8px; 
    margin-left: 0px;
    padding: 0px;
}

#json {
    font-family: Courier;
    font-size: 100%;
    margin-left: -8px;
    width: 800px;
}

#error {
    color: darkred;
    background-color: #ffeeee;
    font-size: large;
    font-style: bold;
    padding: 16px;
    border: 2px solid red;
    margin-bottom: 8px;
    width: 100%;
}

table {
    padding: 8px;
}

#toplinks {
   margin-bottom: 8px;
   margin-left: 16px;
   border-left: 1px solid maroon;
   width: 100%;
}

.ui-dialog {
   box-shadow: 10px 10px 5px #888888;	
}