NIHVIVO-161 First cut at Image Upload

themes/vivo-basic/css/jquery.Jcrop.css

@@ -0,0 +1,40 @@
+/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
+.jcrop-holder { text-align: left; }
+
+.jcrop-vline, .jcrop-hline
+{
+	font-size: 0;
+	position: absolute;
+	background: white url('Jcrop.gif') top left repeat;
+}
+.jcrop-vline { height: 100%; width: 1px !important; }
+.jcrop-hline { width: 100%; height: 1px !important; }
+.jcrop-handle {
+	font-size: 1px;
+	width: 7px !important;
+	height: 7px !important;
+	border: 1px #eee solid;
+	background-color: #333;
+	*width: 9px;
+	*height: 9px;
+}
+
+.jcrop-tracker { width: 100%; height: 100%; }
+
+.custom .jcrop-vline,
+.custom .jcrop-hline
+{
+	background: yellow;
+}
+.custom .jcrop-handle
+{
+	border-color: black;
+	background-color: #C7BB00;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+
+
+
+
+

themes/vivo-basic/css/uploadImages.css

@@ -0,0 +1,101 @@
+/* styles for uploading a picture */
+#photoUploadContainer{
+	margin-left: 0px;
+	width:500px;
+	height:280px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+	
+}
+
+#photoUploadDefaultImageContainer{
+	
+	width:120px;
+	float:left;
+
+	
+}
+
+#photoUploadDefaultImageContainer img{
+	
+	border:3px solid #CCC;
+	margin-bottom:10px;
+	
+}
+
+#photoUploadForm{
+	width:280px;
+	float:left;
+	padding-top:90px;
+	padding-left:15px;
+	
+}
+
+#photoUploadForm form label{
+	display:block;
+	padding-bottom:10px;
+
+	
+}
+
+#photoUploadForm  label span{
+	font-size:0.7em;
+
+	
+}
+
+#photoUploadForm form input{
+	margin-bottom:10px;
+
+	
+}
+
+
+/* styles for cropping a picture */
+
+#photoCroppingContainer{
+	margin-left: 0px;
+	width:700px;
+	height:450px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+	
+}
+
+#photoCroppingPreview{
+	width:180px;
+	float:left;
+
+}
+
+
+.photoCroppingNote{
+	margin-top:15px;
+	font-size:0.8em;
+}
+
+#photoCropping{
+	width:500px;
+	float:right;
+	padding-top:30px;
+	padding-left:15px;
+
+	
+}
+
+
+/* styles for deleting a picture */
+
+#photoDeletingContainer{
+	margin-left: 0px;
+	width:500px;
+	height:330px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+}