some basic form work, need to lear more about custom form validation/rendering.

application/forms/AddShowRepeats.php

@@ -26,6 +26,7 @@ class Application_Form_AddShowRepeats extends Zend_Form_SubForm
 		// Add end date element
         $this->addElement('text', 'add_show_end_date', array(
             'label'      => 'Date End:',
+            //'class'      => 'input_text hasDatepicker',
             'required'   => false,
             'filters'    => array('StringTrim'),
 			'validators' => array(

application/forms/AddShowStyle.php

@@ -8,12 +8,14 @@ class Application_Form_AddShowStyle extends Zend_Form_SubForm
        // Add show background-color input
         $this->addElement('text', 'add_show_background_color', array(
             'label'      => 'Background Colour:',
+            'class'      => 'input_text',
             'filters'    => array('StringTrim')
         ));
 
 	// Add show color input
         $this->addElement('text', 'add_show_color', array(
             'label'      => 'Text Colour',
+            'class'      => 'input_text',
             'filters'    => array('StringTrim')
         ));
     }

application/forms/AddShowWhat.php

@@ -8,15 +8,25 @@ class Application_Form_AddShowWhat extends Zend_Form_SubForm
         // Add name element
         $this->addElement('text', 'add_show_name', array(
             'label'      => 'Name:',
+            'class'      => 'input_text',
             'required'   => true,
             'filters'    => array('StringTrim'),
             'validators' => array('NotEmpty')
         ));
 
+        $nameLabel = $this->getElement('add_show_name');
+
+        $nameLabel->setDecorators(array(array('ViewScript', array(
+            'viewScript' => 'testform.phtml',
+            'class'      => 'test template'
+        ))));
+        
+
 		 // Add the description element
         $this->addElement('textarea', 'add_show_description', array(
             'label'      => 'Description:',
             'required'   => false,
+            'class'      => 'input_text_area'
 		));
 
     }

application/forms/AddShowWhen.php

@@ -8,6 +8,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm
 		// Add start date element
         $this->addElement('text', 'add_show_start_date', array(
             'label'      => 'Date Start:',
+            //'class'      => 'input_text hasDatepicker',
             'required'   => true,
             'filters'    => array('StringTrim'),
             'validators' => array(
@@ -19,6 +20,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm
 		// Add start time element
         $this->addElement('text', 'add_show_start_time', array(
             'label'      => 'Start Time:',
+            'class'      => 'input_text',
             'required'   => true,
             'filters'    => array('StringTrim'),
 			'validators' => array(
@@ -30,6 +32,7 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm
 		// Add duration element
         $this->addElement('text', 'add_show_duration', array(
             'label'      => 'Duration:',
+            'class'      => 'input_text',
             'required'   => true,
             'filters'    => array('StringTrim'),
 			'validators' => array(
@@ -46,6 +49,21 @@ class Application_Form_AddShowWhen extends Zend_Form_SubForm
 
     }
 
+    public function postValidation(array $formData) {
+       
+        $now_timestamp = date("Y-m-d H:i:s");
+        $start_timestamp = $formData['add_show_start_date']."".$formData['add_show_start_time'];
+
+        $now_epoch = strtotime($now_timestamp);
+        $start_epoch = strtotime($start_timestamp);
+
+        if($start_epoch < $now_epoch) {
+            $this->getElement('add_show_start_time')->setErrors(array('Cannot create show in the past'));
+            return false;
+        }
+ 
+        return true;
+    }
 
 }
 

application/forms/AddShowWho.php

@@ -8,6 +8,7 @@ class Application_Form_AddShowWho extends Zend_Form_SubForm
         // Add hosts autocomplete
         $this->addElement('text', 'add_show_hosts_autocomplete', array(
             'label'      => 'Type a Host:',
+            'class'      => 'input_text ui-autocomplete-input',
             'required'   => false
 		)); 
 

application/models/Shows.php

@@ -384,7 +384,6 @@ class Show {
 		}
 	}
 
-	//TODO should only delete shows that are in the future.
 	public function deleteShow($timestamp, $dayId=NULL) {
 		global $CC_DBC;
 

application/views/scripts/testform.phtml

@@ -0,0 +1,11 @@
+<div class="<?php echo $this->class ?>">
+    <?php echo $this->formLabel($this->element->getName(),
+                         $this->element->getLabel()) ?>
+    <?php echo $this->{$this->element->helper}(
+        $this->element->getName(),
+        $this->element->getValue(),
+        $this->element->getAttribs()
+    ) ?>
+    <?php echo $this->formErrors($this->element->getMessages()) ?>
+    <div class="hint"><?php echo $this->element->getDescription() ?></div>
+</div>

public/css/add-show.css

@@ -1,22 +1,99 @@
-#schedule-add-show,
+#schedule-add-show,
-#fullcalendar_show_display {
+#fullcalendar_show_display {
-	float: left;
+	float: left;
-}
+}
-
+
-#schedule-add-show {
+#schedule-add-show {
-	font-size: 12px;
+	font-size: 12px;
-	width: 600px;
+	width: 25%;
-}
+	min-width:340px;
-
+}
-#schedule-add-show textarea {
+
-	width: 100%;
+#schedule-add-show textarea {
-	height: 100px;
+	width: 99%;
-}
+	height: 100px;
-
+}
-#fullcalendar_show_display {
+
-	width: 400px;
+#fullcalendar_show_display {
-}
+	width: 60%;
-
+}
-#schedule-add-show-overlap {
+
-	clear: left;
+#schedule-add-show-overlap {
-}
+	clear: left;
+}
+
+#schedule-add-show .ui-tabs-panel {
+    padding-top: 16px;
+}
+#schedule-add-show fieldset {
+	padding:8px;
+	margin-bottom:8px;
+}
+
+#schedule-add-show dl {
+	padding:8px;
+	margin-bottom:8px;
+	margin:0;
+	padding:0;
+	width:100%;
+}
+#schedule-add-show dd {
+    padding: 4px 0;
+    float: left;
+    font-size: 1.2em;
+    margin: 0;
+    padding: 4px 0 4px 15px;
+}
+#schedule-add-show dt, #schedule-add-show dt.big {
+    clear: left;
+    color: #666666;
+    float: left;
+    font-size: 1.2em;
+    font-weight: bold;
+    margin: 0;
+    padding: 4px 0;
+    text-align: left;
+	min-width:90px;
+	clear:left;
+}
+#schedule-add-show dt.big {
+	min-width:130px;
+}
+#schedule-add-show dt.block-display, #schedule-add-show dd.block-display {
+	display:block;
+	float:none;
+	margin-left:0;
+	padding-left:0;
+}
+
+#schedule-add-show dt label {
+    padding-right:0;
+}
+.wrapp-label {
+	padding:0;
+	height:16px;
+	display:block;
+	line-height:18px;
+}
+label.wrapp-label input[type="checkbox"] {
+	float:left;
+	margin:-1px 4px 0 0;
+}
+#schedule-add-show fieldset {
+	min-height:70px;
+}
+#schedule-add-show fieldset dd input[type="checkbox"] {
+    margin-top:2px;
+}
+#add_show_day_check-element.block-display  {
+	margin-bottom:15px;
+	margin-top:7px;
+}
+#add_show_day_check-element.block-display label.wrapp-label {
+	font-size:12px;
+	float:left;
+	margin-right:5px;
+}
+#add_show_name-element .input_text {
+	width:99%;
+}

public/css/redmond/jquery-ui-1.8.8.custom.css

@@ -215,7 +215,7 @@
 	background-image: url(images/ui-icons_ffffff_256x240.png);
 }
 .ui-widget-header .ui-icon {
-	background-image: url(images/ui-icons_007fb3_256x240.png);
+	background-image: url(images/ui-icons_ffffff_256x240.png);
 }
 .ui-state-default .ui-icon {
 	background-image: url(images/ui-icons_ffffff_256x240.png);

public/css/styles.css

@@ -41,6 +41,14 @@ select {
 	z-index:1000;
 	display:block;
 }
+
+/* Clearfix */
+.clearfix:after, li:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
+.clearfix, li {	display: inline-block; }
+* html .clearfix, * html li { height: 1%;}
+.clearfix, li {	display: block;	}
+
+
 /* Master Panel */
 
 #master-panel {
@@ -264,8 +272,12 @@ fieldset.plain {
     text-indent: 3px;
 	width:auto;
 }
-
+.input_text_area {
-
+    background:#dddddd url("images/input_bg.png") repeat-x scroll 0 0 ;
+	border: 1px solid #5b5b5b;
+    font-size: 13px;
+    text-indent: 3px;
+}
 label {
 	font-size:13px;
 	color:#5b5b5b;
@@ -322,7 +334,6 @@ dl.inline-list dd {
     border: 1px solid #CCC;
 	border-width: 0 0 0 1px !important;
 }
-
 .datatable {
     border-color: #5b5b5b;
     border-style: solid;
@@ -338,16 +349,13 @@ dl.inline-list dd {
 .odd {
     background-color: #d8d8d8;
 }
-
 .even {
     background-color:#c7c7c7;
 }
-
+.datatable tr.even.selected td {
-
-.smartlist tr.even.selected td {
     background-color: #abcfe2;
 }
-.smartlist tr.odd.selected td {
+.datatable tr.odd.selected td {
     background-color: #c5deeb;
 }
 .datatable tr:hover td {
@@ -368,4 +376,24 @@ dl.inline-list dd {
 }
 .dataTables_scroll .datatable {
     border-width: 0px 1px 0 1px;
-}	
+}
+
+/*----END Data Table----*/
+
+fieldset {
+    border: 1px solid #8f8f8f;
+    margin: 0;
+    padding: 0;
+}
+fieldset.plain {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+input[type="checkbox"] {
+	margin:0;
+	outline:none;
+	padding:0;
+	width:13px;
+	height:13px;
+}