From 12950af29756d926c85c6c7bb4275cba8df17b58 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Wed, 17 Sep 2014 12:53:23 +0200
Subject: [PATCH 01/35] =?UTF-8?q?a=C3=B1ado=20funcionalidad=20para=20que?=
 =?UTF-8?q?=20mediante=20parametros=20se=20pueda=20hacer=20crop=20de=20una?=
 =?UTF-8?q?=20imagen.=20Ademas=20permito=20buscar=20por=20posicion=20en=20?=
 =?UTF-8?q?etiquetas.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Config/core.php                               |    2 +-
 .../Component/ImageResizerComponent.php       |   18 +
 Controller/MediaController.php                |   67 +-
 Vendor/phpthumb/phpthumb.class.php            |    6 +-
 webroot/ccss/OpenLayers/img/close.gif         |  Bin 0 -> 1078 bytes
 webroot/ccss/OpenLayers/style.css             |  484 ++++
 webroot/ccss/_jquery_ui.sass                  | 1470 ++++++++++++
 webroot/ccss/backend.css                      | 1970 +++++++++++++++++
 webroot/ccss/backend.sass                     |   25 +
 webroot/ccss/backend/_form.sass               |  106 +
 webroot/ccss/backend/_layout.sass             |   78 +
 webroot/ccss/backend/_menu.sass               |   41 +
 webroot/ccss/backend/_table.sass              |   27 +
 webroot/ccss/backend/_text.sass               |   39 +
 webroot/ccss/breadcrumb.css                   |   63 +
 webroot/ccss/cake.generic.css                 |  478 ++++
 webroot/ccss/comment.css                      |   44 +
 .../images/ui-bg_flat_0_123e78_40x100.png     |  Bin 0 -> 213 bytes
 .../images/ui-bg_flat_0_1a8301_40x100.png     |  Bin 0 -> 180 bytes
 .../images/ui-bg_flat_0_222222_40x100.png     |  Bin 0 -> 180 bytes
 .../images/ui-bg_flat_0_333333_40x100.png     |  Bin 0 -> 180 bytes
 .../images/ui-bg_flat_0_aaaaaa_40x100.png     |  Bin 0 -> 180 bytes
 .../images/ui-bg_flat_0_ad0900_40x100.png     |  Bin 0 -> 181 bytes
 .../images/ui-bg_flat_40_2259a5_40x100.png    |  Bin 0 -> 213 bytes
 .../images/ui-bg_flat_75_000000_40x100.png    |  Bin 0 -> 178 bytes
 .../ui-bg_highlight-hard_50_aaaaaa_1x100.png  |  Bin 0 -> 107 bytes
 .../images/ui-icons_aaaaaa_256x240.png        |  Bin 0 -> 4369 bytes
 .../images/ui-icons_cccccc_256x240.png        |  Bin 0 -> 4369 bytes
 .../images/ui-icons_dddddd_256x240.png        |  Bin 0 -> 4369 bytes
 .../images/ui-icons_ffffff_256x240.png        |  Bin 0 -> 4369 bytes
 .../custom-phtagr/jquery-ui-1.8.14.custom.css |  568 +++++
 webroot/ccss/debug.css                        |   43 +
 webroot/ccss/default.css                      | 1253 +++++++++++
 webroot/ccss/default.sass                     |   13 +
 webroot/ccss/default/_colors.sass             |   34 +
 webroot/ccss/default/_explorer.sass           |  278 +++
 webroot/ccss/default/_form.sass               |  153 ++
 webroot/ccss/default/_home.sass               |   57 +
 webroot/ccss/default/_image.sass              |   81 +
 webroot/ccss/default/_layout.sass             |  142 ++
 webroot/ccss/default/_map.sass                |   56 +
 webroot/ccss/default/_text.sass               |   68 +
 webroot/ccss/default/_upload.sass             |   30 +
 webroot/ccss/explorer.css                     |  252 +++
 webroot/ccss/formular.css                     |  157 ++
 webroot/ccss/images/debug.png                 |  Bin 0 -> 1855 bytes
 webroot/ccss/images/error.png                 |  Bin 0 -> 1371 bytes
 webroot/ccss/images/header.png                |  Bin 0 -> 4655 bytes
 webroot/ccss/images/header.svg                |  273 +++
 webroot/ccss/images/icon.png                  |  Bin 0 -> 5048 bytes
 webroot/ccss/images/info.png                  |  Bin 0 -> 1417 bytes
 webroot/ccss/images/question.png              |  Bin 0 -> 1535 bytes
 webroot/ccss/images/success.png               |  Bin 0 -> 1279 bytes
 webroot/ccss/images/vote-none.png             |  Bin 0 -> 582 bytes
 webroot/ccss/images/vote-select.png           |  Bin 0 -> 579 bytes
 webroot/ccss/images/vote-set.png              |  Bin 0 -> 466 bytes
 webroot/ccss/images/warning.png               |  Bin 0 -> 1218 bytes
 webroot/ccss/messages.css                     |   40 +
 webroot/ccss/patches/patch_phtagr.css         |   47 +
 webroot/ccss/phtagr.css                       |   31 +
 webroot/ccss/phtagr.generic.css               |   62 +
 webroot/ccss/screen/basemod.css               |  154 ++
 webroot/ccss/screen/content.css               |  182 ++
 .../screen/images/gfxborder/border_bottom.gif |  Bin 0 -> 116 bytes
 .../screen/images/gfxborder/border_left.gif   |  Bin 0 -> 116 bytes
 .../screen/images/gfxborder/border_right.gif  |  Bin 0 -> 116 bytes
 .../screen/images/gfxborder/border_top.gif    |  Bin 0 -> 116 bytes
 .../screen/images/gfxborder/corner_bl.gif     |  Bin 0 -> 264 bytes
 .../screen/images/gfxborder/corner_br.gif     |  Bin 0 -> 266 bytes
 .../screen/images/gfxborder/corner_tl.gif     |  Bin 0 -> 266 bytes
 .../screen/images/gfxborder/corner_tr.gif     |  Bin 0 -> 266 bytes
 webroot/ccss/tab.css                          |   34 +
 webroot/ccss/table.css                        |   38 +
 73 files changed, 8952 insertions(+), 12 deletions(-)
 create mode 100644 webroot/ccss/OpenLayers/img/close.gif
 create mode 100644 webroot/ccss/OpenLayers/style.css
 create mode 100644 webroot/ccss/_jquery_ui.sass
 create mode 100644 webroot/ccss/backend.css
 create mode 100644 webroot/ccss/backend.sass
 create mode 100644 webroot/ccss/backend/_form.sass
 create mode 100644 webroot/ccss/backend/_layout.sass
 create mode 100644 webroot/ccss/backend/_menu.sass
 create mode 100644 webroot/ccss/backend/_table.sass
 create mode 100644 webroot/ccss/backend/_text.sass
 create mode 100644 webroot/ccss/breadcrumb.css
 create mode 100644 webroot/ccss/cake.generic.css
 create mode 100644 webroot/ccss/comment.css
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_123e78_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_1a8301_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_222222_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_333333_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_aaaaaa_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_0_ad0900_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_40_2259a5_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_flat_75_000000_40x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-bg_highlight-hard_50_aaaaaa_1x100.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-icons_aaaaaa_256x240.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-icons_cccccc_256x240.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-icons_dddddd_256x240.png
 create mode 100644 webroot/ccss/custom-phtagr/images/ui-icons_ffffff_256x240.png
 create mode 100644 webroot/ccss/custom-phtagr/jquery-ui-1.8.14.custom.css
 create mode 100644 webroot/ccss/debug.css
 create mode 100644 webroot/ccss/default.css
 create mode 100644 webroot/ccss/default.sass
 create mode 100644 webroot/ccss/default/_colors.sass
 create mode 100644 webroot/ccss/default/_explorer.sass
 create mode 100644 webroot/ccss/default/_form.sass
 create mode 100644 webroot/ccss/default/_home.sass
 create mode 100644 webroot/ccss/default/_image.sass
 create mode 100644 webroot/ccss/default/_layout.sass
 create mode 100644 webroot/ccss/default/_map.sass
 create mode 100644 webroot/ccss/default/_text.sass
 create mode 100644 webroot/ccss/default/_upload.sass
 create mode 100644 webroot/ccss/explorer.css
 create mode 100644 webroot/ccss/formular.css
 create mode 100644 webroot/ccss/images/debug.png
 create mode 100644 webroot/ccss/images/error.png
 create mode 100644 webroot/ccss/images/header.png
 create mode 100644 webroot/ccss/images/header.svg
 create mode 100644 webroot/ccss/images/icon.png
 create mode 100644 webroot/ccss/images/info.png
 create mode 100644 webroot/ccss/images/question.png
 create mode 100644 webroot/ccss/images/success.png
 create mode 100644 webroot/ccss/images/vote-none.png
 create mode 100644 webroot/ccss/images/vote-select.png
 create mode 100644 webroot/ccss/images/vote-set.png
 create mode 100644 webroot/ccss/images/warning.png
 create mode 100644 webroot/ccss/messages.css
 create mode 100644 webroot/ccss/patches/patch_phtagr.css
 create mode 100644 webroot/ccss/phtagr.css
 create mode 100644 webroot/ccss/phtagr.generic.css
 create mode 100644 webroot/ccss/screen/basemod.css
 create mode 100644 webroot/ccss/screen/content.css
 create mode 100644 webroot/ccss/screen/images/gfxborder/border_bottom.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/border_left.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/border_right.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/border_top.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/corner_bl.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/corner_br.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/corner_tl.gif
 create mode 100644 webroot/ccss/screen/images/gfxborder/corner_tr.gif
 create mode 100644 webroot/ccss/tab.css
 create mode 100644 webroot/ccss/table.css

diff --git a/Config/core.php b/Config/core.php
index 871622a6..64229155 100644
--- a/Config/core.php
+++ b/Config/core.php
@@ -263,7 +263,7 @@
 /**
  * A random string used in security hashing methods.
  */
-	Configure::write('Security.salt', 'DYhG93b0qyJfIxfs2guVoUubWwvniR2G0FgaC9mi');
+	Configure::write('Security.salt', '2Q6HX62YKE7FEtJsg4KS9Mg1tOyedpOV5KcSGVqRi');
 
 /**
  * A random numeric string (digits only) used to encrypt/decrypt strings.
diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index c387fdf6..09d8946d 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -54,6 +54,7 @@ public function resize($src, $dst, $options = array()) {
       'clearMetaData' => true,
       'isOriginal' => false
       ), $options);
+    
 
     if (!is_readable($src)) {
       CakeLog::error("Could not read source $src");
@@ -128,6 +129,15 @@ private function _configurePhpThump(&$phpThumb, &$src, &$dst, &$options) {
   private function _configureOptions(&$phpThumb, &$options) {
     $phpThumb->w = $options['size'];
     $phpThumb->h = $options['size'];
+    
+    if(isset($options['w'])){
+        $phpThumb->w = $options['w'];
+    }
+    
+    if(isset($options['h'])){
+        $phpThumb->h = $options['h'];
+    }
+    
     $phpThumb->q = $options['quality'];
     $phpThumb->ra = $options['rotation'];
 
@@ -136,6 +146,14 @@ private function _configureOptions(&$phpThumb, &$options) {
       $phpThumb->w = $options['size'];
       $phpThumb->h = $options['size'];
     }
+    
+    if(isset($options['zc'])){
+        $phpThumb->zc = $options['zc'];
+    }
+    
+    
+    
+    
   }
 
   /**
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 71d6dc92..ed1717ec 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -22,7 +22,7 @@ class MediaController extends AppController
   var $config = array(
     'video' => array('size' => OUTPUT_SIZE_VIDEO, 'bitrate' => OUTPUT_BITRATE_VIDEO)
                     );
-  var $components = array('PreviewManager');
+  var $components = array('PreviewManager','Search'); // JOSE: Anado search.
 
   public function beforeFilter() {
     // Reduce security level for this controller if required. Security level
@@ -113,9 +113,9 @@ private function _getMedia($id, $type = 'preview') {
     return $media;
   }
 
-  private function _sendPreview($id, $type) {
+  private function _sendPreview($id, $type,$options=array()) {
     $media = $this->_getMedia($id, $type);
-    $preview = $this->PreviewManager->getPreview($media, $type);
+    $preview = $this->PreviewManager->getPreview($media, $type, $options);
     if (!$preview) {
       CakeLog::error("Fetching preview type '{$type}' for {$this->Media->toString($media)} failed");
       $this->redirect(null, 403);
@@ -145,23 +145,33 @@ private function _createFlashVideo($id) {
   }
 
   public function mini($id) {
-    return $this->_sendPreview($id, 'mini');
+    $params = $this->_getParamsResize();
+    $name = (count($params>0)) ? 'mini_'.md5(implode('_',$params)) : 'mini';
+    return $this->_sendPreview($id, $name, $params);
   }
 
   public function thumb($id)	{
-    return $this->_sendPreview($id, 'thumb');
+    $params = $this->_getParamsResize();
+    $name = (count($params>0)) ? 'thumb_'.md5(implode('_',$params)) : 'thumb';
+    return $this->_sendPreview($id, $name, $params);
   }
 
   public function preview($id) {
-    return $this->_sendPreview($id, 'preview');
+    $params = $this->_getParamsResize();
+    $name = (count($params>0)) ? 'preview_'.md5(implode('_',$params)) : 'preview';
+    return $this->_sendPreview($id, $name, $params);
   }
 
   public function high($id) {
-    return $this->_sendPreview($id, 'high');
+    $params = $this->_getParamsResize();
+    $name = (count($params>0)) ? 'high_'.md5(implode('_',$params)) : 'high';
+    return $this->_sendPreview($id, $name, $params);
   }
 
   public function hd($id) {
-    return $this->_sendPreview($id, 'hd');
+    $params = $this->_getParamsResize();
+    $name = (count($params>0)) ? 'hd_'.md5(implode('_',$params)) : 'hd';
+    return $this->_sendPreview($id, $name, $params);
   }
 
   public function video($id) {
@@ -332,4 +342,45 @@ public function zip($format) {
     $zipName = 'phtagr-' . date('Y-m-d_H-i-s') . '.zip';
     $this->_createZipFile($zipName, $files);
   }
+  
+  /**
+   * @author Jose <jose@alsur.es>
+   * Con esta funcion permito que mediante una busqueda se pueda devolver
+   * una imagen determinada.
+   */
+    public function show($number){
+        $medias = $this->_getListPhotos();
+        $number = ($number>0) ? $number-1 : 0;
+        
+        if(isset($medias[$number])){
+            $params = $this->_getParamsResize();
+            $name = (count($params>0)) ? 'high_'.md5(implode('_',$params)) : 'high';
+            return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params);
+        }
+        return false;
+    }
+    
+    /**
+     * @author Jose <jose@alsur.es>
+     * @date 17-09-2014
+     * Obtengo todas las fotos con unos determinados argumentos. Esto es
+     * porque media trabaja con el ID de la foto y no con la posicion dentro
+     * de la etiqueta
+     * @return type
+     */
+    private function _getListPhotos(){
+        $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
+        return $this->Search->paginateByCrumbs($this->crumbs);
+        
+    }
+    
+    private function _getParamsResize(){
+        $params = array();
+        foreach(array('w','h','zc') as $p){
+            if(isset($_GET[$p])) $params[$p] = $_GET[$p];
+        }
+        
+        return $params;
+        
+    }
 }
diff --git a/Vendor/phpthumb/phpthumb.class.php b/Vendor/phpthumb/phpthumb.class.php
index b3f9a8a8..90ed7247 100644
--- a/Vendor/phpthumb/phpthumb.class.php
+++ b/Vendor/phpthumb/phpthumb.class.php
@@ -347,7 +347,7 @@ function GenerateThumbnail() {
 			$this->phpThumbDebug('8g');
 		$this->CreateGDoutput();
 			$this->phpThumbDebug('8h');
-
+                        
 		switch ($this->far) {
 			case 'L':
 			case 'TL':
@@ -1303,7 +1303,7 @@ function ImageMagickThumbnailToGD() {
 			// $UnAllowedParameters contains options that can only be processed in GD, not ImageMagick
 			// note: 'fltr' *may* need to be processed by GD, but we'll check that in more detail below
 			$UnAllowedParameters = array('xto', 'ar', 'bg', 'bc');
-			// 'ra' may be part of this list, if not a multiple of 90°
+			// 'ra' may be part of this list, if not a multiple of 90�
 			foreach ($UnAllowedParameters as $parameter) {
 				if (isset($this->$parameter)) {
 					$this->DebugMessage('$this->useRawIMoutput=false because "'.$parameter.'" is set', __FILE__, __LINE__);
@@ -1479,6 +1479,7 @@ function ImageMagickThumbnailToGD() {
 									$commandline .= ' -gravity center';
 									break;
 							}
+                                                        echo $comandline;exit;
 
 							if (($wAll > 0) && ($hAll > 0)) {
 								$commandline .= ' -crop '.escapeshellarg($wAll.'x'.$hAll.'+0+0');
@@ -3398,7 +3399,6 @@ function SourceImageToGD() {
 			return true;
 		}
 		$this->DebugMessage('starting SourceImageToGD()', __FILE__, __LINE__);
-
 		if ($this->config_prefer_imagemagick) {
 			if (empty($this->sourceFilename) && !empty($this->rawImageData)) {
 				$this->DebugMessage('Copying raw image data to temp file and trying again with ImageMagick', __FILE__, __LINE__);
diff --git a/webroot/ccss/OpenLayers/img/close.gif b/webroot/ccss/OpenLayers/img/close.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a8958de9b429ae00f56bb282c4b133ecbaf334bd
GIT binary patch
literal 1078
zcmZ?wbhEHb6l4%&_|5<V|NsC0{`lF~M^7(H*<6+eBHPQd_E!`fuP8ZRv<!Z>bmP+{
z8=fxT^nBIU?+>5;c=qzk<7f96^e*$8T;?~uENp&7)bfg`)n!quD`Hlc#jGv?Npb7T
z5;m8BNYduAl<gH+hs&}KSL7Y9C^(%|a6F;lbVbSKgrf6tMaR>su4mLePHK3b)AGKc
z>vvYy?~Ja`8C~BqdcMbXy-w@-o;M0SZs2#)(C>ti{{_>K3ud9`%tFqahh1=qzu=N^
z(KYdcYr<u}%q#v`m;E!Z1ZKZZYkHH_`mS#3+s5f{rYw6medW7ZtDi32_<Z@6XUjJ~
zTfXJ#vQ5udZhgLX$BT74p99hQU9UFpd%f+ztF8NAZ9VXM*O52-Pkev!;t7NCJqG=|
z3<h@?^zSejJYh6`%xLtO(fARg(IZCV+suZySd4D589x+pcr5DlP|WF(xbq_kAaZ#k
z<@Q1+?3I4ROCU0gdSx8_(m48sS?o*mxEJPeFRc<@S|z>!BJ0Fg_9;)jvY-3rJ@d_b
z;g|p1FaMce!3+O_m%+ua)0*F9w!O`4eV5h#CadjzZr8iq&UblTZ>lH1shjq;e)_w{
z8SffrzH6KFdg79A^EdrixaIreZQqw{`|<wczu$lU{r&g<_x*o={{mwc9K)jo&Ja-i
z$->CMFrPsOqym&D7&!hjSaZsFY<S?nDrypQ;lslN9Re&Oc`Ft;D6kr)?OD@V?CvjT
znX_+(ptIwGHluW}Edo<kbSOD!`z$bA?6`oHQ%fn}q~S>+6^S6WB|jz|Trx{Mnn_1s
z(GvD44549L9x7aLo?~ylhNYlD*^7bAh~uKBLckGOm;R=dk17q5h2<wnd~{SOI5N+9
zy4KkWfd=kA)fr+xJrxXC<XqhwbZ)R5yezCVMe3`f;)cU>91JB`GLjy9F{oMb+*G{n
z$vj&$l*#1B#1xKc48bu6R^EK+G(&`W$q9!^nnL`#vm$DCCS2l?64B-|G<uW~z$=w`
vEMY^($J5eQHGjUWe9Xo(Q%{&hN%&4dBQpn!x`)Jr35iLr%^x_~SQxAUS=V(k

literal 0
HcmV?d00001

diff --git a/webroot/ccss/OpenLayers/style.css b/webroot/ccss/OpenLayers/style.css
new file mode 100644
index 00000000..8e0abb70
--- /dev/null
+++ b/webroot/ccss/OpenLayers/style.css
@@ -0,0 +1,484 @@
+div.olMap {
+    z-index: 0;
+    padding: 0 !important;
+    margin: 0 !important;
+    cursor: default;
+}
+
+div.olMapViewport {
+    text-align: left;
+}
+
+div.olLayerDiv {
+   -moz-user-select: none;
+   -khtml-user-select: none;
+}
+
+.olLayerGoogleCopyright {
+    left: 2px;
+    bottom: 2px;
+}
+.olLayerGoogleV3.olLayerGoogleCopyright {
+    right: auto !important;
+}
+.olLayerGooglePoweredBy {
+    left: 2px;
+    bottom: 15px;
+}
+.olLayerGoogleV3.olLayerGooglePoweredBy {
+    bottom: 15px !important;
+}
+.olControlAttribution {
+    font-size: smaller;
+    right: 3px;
+    bottom: 4.5em;
+    position: absolute;
+    display: block;
+}
+.olControlScale {
+    right: 3px;
+    bottom: 3em;
+    display: block;
+    position: absolute;
+    font-size: smaller;
+}
+.olControlScaleLine {
+   display: block;
+   position: absolute;
+   left: 10px;
+   bottom: 15px;
+   font-size: xx-small;
+}
+.olControlScaleLineBottom {
+   border: solid 2px black;
+   border-bottom: none;
+   margin-top:-2px;
+   text-align: center;
+}
+.olControlScaleLineTop {
+   border: solid 2px black;
+   border-top: none;
+   text-align: center;
+}
+
+.olControlPermalink {
+    right: 3px;
+    bottom: 1.5em;
+    display: block;
+    position: absolute;
+    font-size: smaller;
+}
+
+div.olControlMousePosition {
+    bottom: 0;
+    right: 3px;
+    display: block;
+    position: absolute;
+    font-family: Arial;
+    font-size: smaller;
+}
+
+.olControlOverviewMapContainer {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+}
+
+.olControlOverviewMapElement {
+    padding: 10px 18px 10px 10px;
+    background-color: #00008B;
+    -moz-border-radius: 1em 0 0 0;
+}
+
+.olControlOverviewMapMinimizeButton,
+.olControlOverviewMapMaximizeButton {
+    height: 18px;
+    width: 18px;
+    right: 0;
+    bottom: 80px;
+    cursor: pointer;
+}
+
+.olControlOverviewMapExtentRectangle {
+    overflow: hidden;
+    background-image: url("img/blank.gif");
+    cursor: move;
+    border: 2px dotted red;
+}
+.olControlOverviewMapRectReplacement {
+    overflow: hidden;
+    cursor: move;
+    background-image: url("img/overview_replacement.gif");
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.olLayerGeoRSSDescription {
+    float:left;
+    width:100%;
+    overflow:auto;
+    font-size:1.0em;
+}
+.olLayerGeoRSSClose {
+    float:right;
+    color:gray;
+    font-size:1.2em;
+    margin-right:6px;
+    font-family:sans-serif;
+}
+.olLayerGeoRSSTitle {
+    float:left;font-size:1.2em;
+}
+
+.olPopupContent {
+    padding:5px;
+    overflow: auto;
+}
+
+.olControlNavigationHistory {
+   background-image: url("img/navigation_history.png");
+   background-repeat: no-repeat;
+   width:  24px;
+   height: 24px;
+
+}
+.olControlNavigationHistoryPreviousItemActive {
+  background-position: 0 0;
+}
+.olControlNavigationHistoryPreviousItemInactive {
+   background-position: 0 -24px;
+}
+.olControlNavigationHistoryNextItemActive {
+   background-position: -24px 0;
+}
+.olControlNavigationHistoryNextItemInactive {
+   background-position: -24px -24px;
+}
+
+div.olControlSaveFeaturesItemActive {
+    background-image: url(img/save_features_on.png);
+    background-repeat: no-repeat;
+    background-position: 0 1px;
+}
+div.olControlSaveFeaturesItemInactive {
+    background-image: url(img/save_features_off.png);
+    background-repeat: no-repeat;
+    background-position: 0 1px;
+}
+
+.olHandlerBoxZoomBox {
+    border: 2px solid red;
+    position: absolute;
+    background-color: white;
+    opacity: 0.50;
+    font-size: 1px;
+    filter: alpha(opacity=50);
+}
+.olHandlerBoxSelectFeature {
+    border: 2px solid blue;
+    position: absolute;
+    background-color: white;
+    opacity: 0.50;
+    font-size: 1px;
+    filter: alpha(opacity=50);
+}
+
+.olControlPanPanel {
+    top: 10px;
+    left: 5px;
+}
+
+.olControlPanPanel div {
+    background-image: url(img/pan-panel.png);
+    height: 18px;
+    width: 18px;
+    cursor: pointer;
+    position: absolute;
+}
+
+.olControlPanPanel .olControlPanNorthItemInactive {
+    top: 0;
+    left: 9px;
+    background-position: 0 0;
+}
+.olControlPanPanel .olControlPanSouthItemInactive {
+    top: 36px;
+    left: 9px;
+    background-position: 18px 0;
+}
+.olControlPanPanel .olControlPanWestItemInactive {
+    position: absolute;
+    top: 18px;
+    left: 0;
+    background-position: 0 18px;
+}
+.olControlPanPanel .olControlPanEastItemInactive {
+    top: 18px;
+    left: 18px;
+    background-position: 18px 18px;
+}
+
+.olControlZoomPanel {
+    top: 71px;
+    left: 14px;
+}
+
+.olControlZoomPanel div {
+    background-image: url(img/zoom-panel.png);
+    position: absolute;
+    height: 18px;
+    width: 18px;
+    cursor: pointer;
+}
+
+.olControlZoomPanel .olControlZoomInItemInactive {
+    top: 0;
+    left: 0;
+    background-position: 0 0;
+}
+
+.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
+    top: 18px;
+    left: 0;
+    background-position: 0 -18px;
+}
+
+.olControlZoomPanel .olControlZoomOutItemInactive {
+    top: 36px;
+    left: 0;
+    background-position: 0 18px;
+}
+
+/*
+ * When a potential text is bigger than the image it move the image
+ * with some headers (closes #3154)
+ */
+.olControlPanZoomBar div {
+    font-size: 1px;
+}
+
+.olPopupCloseBox {
+  background: url("img/close.gif") no-repeat;
+  cursor: pointer;
+}
+
+.olFramedCloudPopupContent {
+    padding: 5px;
+    overflow: auto;
+}
+
+.olControlNoSelect {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+}
+
+.olImageLoadError {
+    background-color: pink;
+    opacity: 0.5;
+    filter: alpha(opacity=50); /* IE */
+}
+
+/**
+ * Cursor styles
+ */
+
+.olCursorWait {
+    cursor: wait;
+}
+.olDragDown {
+    cursor: move;
+}
+.olDrawBox {
+    cursor: crosshair;
+}
+.olControlDragFeatureOver {
+    cursor: move;
+}
+.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
+    cursor: -moz-grabbing;
+}
+
+/**
+ * Layer switcher
+ */
+.olControlLayerSwitcher {
+    position: absolute;
+    top: 25px;
+    right: 0;
+    width: 20em;
+    font-family: sans-serif;
+    font-weight: bold;
+    margin-top: 3px;
+    margin-left: 3px;
+    margin-bottom: 3px;
+    font-size: smaller;
+    color: white;
+    background-color: transparent;
+}
+
+.olControlLayerSwitcher .layersDiv {
+    padding-top: 5px;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    padding-right: 10px;
+    background-color: darkblue;
+}
+
+.olControlLayerSwitcher .layersDiv .baseLbl,
+.olControlLayerSwitcher .layersDiv .dataLbl {
+    margin-top: 3px;
+    margin-left: 3px;
+    margin-bottom: 3px;
+}
+
+.olControlLayerSwitcher .layersDiv .baseLayersDiv,
+.olControlLayerSwitcher .layersDiv .dataLayersDiv {
+    padding-left: 10px;
+}
+
+.olControlLayerSwitcher .maximizeDiv,
+.olControlLayerSwitcher .minimizeDiv {
+    width: 18px;
+    height: 18px;
+    top: 5px;
+    right: 0;
+    cursor: pointer;
+}
+
+.olBingAttribution {
+    color: #DDD;
+}
+.olBingAttribution.road {
+    color: #333;
+}
+
+.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
+    color: #EEE;
+}
+.olGoogleAttribution {
+    color: #333;
+}
+span.olGoogleAttribution a {
+    color: #77C;
+}
+span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
+    color: #EEE;
+}
+
+/**
+ * Editing and navigation icons.
+ * (using the editing_tool_bar.png sprint image)
+ */
+.olControlNavToolbar ,
+.olControlEditingToolbar {
+    margin: 5px 5px 0 0;
+}
+.olControlNavToolbar div,
+.olControlEditingToolbar div {
+    background-image: url("img/editing_tool_bar.png");
+    background-repeat: no-repeat;
+    margin: 0 0 5px 5px;
+    width: 24px;
+    height: 22px;
+    cursor: pointer
+}
+/* positions */
+.olControlEditingToolbar {
+    right: 0;
+    top: 0;
+}
+.olControlNavToolbar {
+    top: 295px;
+    left: 9px;
+}
+/* layouts */
+.olControlEditingToolbar div {
+    float: right;
+}
+/* individual controls */
+.olControlNavToolbar .olControlNavigationItemInactive,
+.olControlEditingToolbar .olControlNavigationItemInactive {
+    background-position: -103px -1px;
+}
+.olControlNavToolbar .olControlNavigationItemActive ,
+.olControlEditingToolbar .olControlNavigationItemActive  {
+    background-position: -103px -24px;
+}
+.olControlNavToolbar .olControlZoomBoxItemInactive {
+    background-position: -128px -1px;
+}
+.olControlNavToolbar .olControlZoomBoxItemActive  {
+    background-position: -128px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
+    background-position: -77px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
+    background-position: -77px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
+    background-position: -51px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
+    background-position: -51px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
+    background-position: -26px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
+    background-position: -26px -24px;
+}
+
+div.olControlZoom {
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    background: rgba(255,255,255,0.4);
+    border-radius: 4px;
+    padding: 2px;
+}
+div.olControlZoom a {
+    display: block;
+    margin: 1px;
+    padding: 0;
+    color: white;
+    font-size: 18px;
+    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    text-decoration: none;
+    text-align: center;
+    height: 22px;
+    width:22px;
+    line-height: 19px;
+    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+    background: rgba(0, 60, 136, 0.5);
+    filter: alpha(opacity=80);
+}
+div.olControlZoom a:hover {
+    background: #130085; /* fallback for IE */
+    background: rgba(0, 60, 136, 0.7);
+    filter: alpha(opacity=100);
+}
+@media only screen and (max-width: 600px) {
+    div.olControlZoom a:hover {
+        background: rgba(0, 60, 136, 0.5);
+    }
+}
+a.olControlZoomIn {
+    border-radius: 4px 4px 0 0;
+}
+a.olControlZoomOut {
+    border-radius: 0 0 4px 4px;
+}
+
+
+/**
+ * Animations
+ */
+
+.olLayerGrid .olTileImage {
+    -webkit-transition: opacity 0.2s linear;
+    -moz-transition: opacity 0.2s linear;
+    -o-transition: opacity 0.2s linear;
+    transition: opacity 0.2s linear;
+}
diff --git a/webroot/ccss/_jquery_ui.sass b/webroot/ccss/_jquery_ui.sass
new file mode 100644
index 00000000..1674cc50
--- /dev/null
+++ b/webroot/ccss/_jquery_ui.sass
@@ -0,0 +1,1470 @@
+/*
+ * jQuery UI CSS Framework 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+
+/* Layout helpers
+ *----------------------------------
+
+.ui-helper-hidden
+  display: none
+
+.ui-helper-hidden-accessible
+  position: absolute !important
+  clip: rect(1px 1px 1px 1px)
+  clip: rect(1px, 1px, 1px, 1px)
+
+.ui-helper-reset
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  line-height: 1.3
+  text-decoration: none
+  font-size: 100%
+  list-style: none
+
+.ui-helper-clearfix
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+  display: inline-block
+
+/* required comment for clearfix to work in Opera \
+
+* html .ui-helper-clearfix
+  height: 1%
+
+.ui-helper-clearfix
+  display: block
+
+/* end clearfix
+
+.ui-helper-zfix
+  width: 100%
+  height: 100%
+  top: 0
+  left: 0
+  position: absolute
+  opacity: 0
+  filter: unquote("Alpha(Opacity=0)")
+
+/* Interaction Cues
+ *----------------------------------
+
+.ui-state-disabled
+  cursor: default !important
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  display: block
+  text-indent: -99999px
+  overflow: hidden
+  background-repeat: no-repeat
+
+/* Misc visuals
+ *----------------------------------
+
+/* Overlays
+
+.ui-widget-overlay
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+
+/*
+ * jQuery UI CSS Framework 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+
+/* Component containers
+ *----------------------------------
+
+.ui-widget
+  font-family: Verdana,Arial,sans-serif
+  font-size: 1.1em
+  .ui-widget
+    font-size: 1em
+  input, select, textarea, button
+    font-family: Verdana,Arial,sans-serif
+    font-size: 1em
+
+.ui-widget-content
+  border: 1px solid #aaaaaa
+  background: white url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x
+  color: #222222
+  a
+    color: #222222
+
+.ui-widget-header
+  border: 1px solid #aaaaaa
+  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x
+  color: #222222
+  font-weight: bold
+  a
+    color: #222222
+
+/* Interaction states
+ *----------------------------------
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+  border: 1px solid #d3d3d3
+  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #555555
+
+.ui-state-default a
+  color: #555555
+  text-decoration: none
+  &:link, &:visited
+    color: #555555
+    text-decoration: none
+
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
+  border: 1px solid #999999
+  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-hover a
+  color: #212121
+  text-decoration: none
+  &:hover
+    color: #212121
+    text-decoration: none
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
+  border: 1px solid #aaaaaa
+  background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-active a
+  color: #212121
+  text-decoration: none
+  &:link, &:visited
+    color: #212121
+    text-decoration: none
+
+.ui-widget :active
+  outline: none
+
+/* Interaction Cues
+ *----------------------------------
+
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
+  border: 1px solid #fcefa1
+  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x
+  color: #363636
+
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
+  color: #363636
+
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
+  border: 1px solid #cd0a0a
+  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x
+  color: #cd0a0a
+
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
+  color: #cd0a0a
+
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
+  font-weight: bold
+
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
+  opacity: .7
+  filter: unquote("Alpha(Opacity = 70)")
+  font-weight: normal
+
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
+  opacity: .35
+  filter: unquote("Alpha(Opacity = 35)")
+  background-image: none
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  width: 16px
+  height: 16px
+  background-image: url(images/ui-icons_222222_256x240.png)
+
+.ui-widget-content .ui-icon, .ui-widget-header .ui-icon
+  background-image: url(images/ui-icons_222222_256x240.png)
+
+.ui-state-default .ui-icon
+  background-image: url(images/ui-icons_888888_256x240.png)
+
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon
+  background-image: url(images/ui-icons_454545_256x240.png)
+
+.ui-state-highlight .ui-icon
+  background-image: url(images/ui-icons_2e83ff_256x240.png)
+
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
+  background-image: url(images/ui-icons_cd0a0a_256x240.png)
+
+/* positioning
+
+.ui-icon-carat-1-n
+  background-position: 0 0
+
+.ui-icon-carat-1-ne
+  background-position: -16px 0
+
+.ui-icon-carat-1-e
+  background-position: -32px 0
+
+.ui-icon-carat-1-se
+  background-position: -48px 0
+
+.ui-icon-carat-1-s
+  background-position: -64px 0
+
+.ui-icon-carat-1-sw
+  background-position: -80px 0
+
+.ui-icon-carat-1-w
+  background-position: -96px 0
+
+.ui-icon-carat-1-nw
+  background-position: -112px 0
+
+.ui-icon-carat-2-n-s
+  background-position: -128px 0
+
+.ui-icon-carat-2-e-w
+  background-position: -144px 0
+
+.ui-icon-triangle-1-n
+  background-position: 0 -16px
+
+.ui-icon-triangle-1-ne
+  background-position: -16px -16px
+
+.ui-icon-triangle-1-e
+  background-position: -32px -16px
+
+.ui-icon-triangle-1-se
+  background-position: -48px -16px
+
+.ui-icon-triangle-1-s
+  background-position: -64px -16px
+
+.ui-icon-triangle-1-sw
+  background-position: -80px -16px
+
+.ui-icon-triangle-1-w
+  background-position: -96px -16px
+
+.ui-icon-triangle-1-nw
+  background-position: -112px -16px
+
+.ui-icon-triangle-2-n-s
+  background-position: -128px -16px
+
+.ui-icon-triangle-2-e-w
+  background-position: -144px -16px
+
+.ui-icon-arrow-1-n
+  background-position: 0 -32px
+
+.ui-icon-arrow-1-ne
+  background-position: -16px -32px
+
+.ui-icon-arrow-1-e
+  background-position: -32px -32px
+
+.ui-icon-arrow-1-se
+  background-position: -48px -32px
+
+.ui-icon-arrow-1-s
+  background-position: -64px -32px
+
+.ui-icon-arrow-1-sw
+  background-position: -80px -32px
+
+.ui-icon-arrow-1-w
+  background-position: -96px -32px
+
+.ui-icon-arrow-1-nw
+  background-position: -112px -32px
+
+.ui-icon-arrow-2-n-s
+  background-position: -128px -32px
+
+.ui-icon-arrow-2-ne-sw
+  background-position: -144px -32px
+
+.ui-icon-arrow-2-e-w
+  background-position: -160px -32px
+
+.ui-icon-arrow-2-se-nw
+  background-position: -176px -32px
+
+.ui-icon-arrowstop-1-n
+  background-position: -192px -32px
+
+.ui-icon-arrowstop-1-e
+  background-position: -208px -32px
+
+.ui-icon-arrowstop-1-s
+  background-position: -224px -32px
+
+.ui-icon-arrowstop-1-w
+  background-position: -240px -32px
+
+.ui-icon-arrowthick-1-n
+  background-position: 0 -48px
+
+.ui-icon-arrowthick-1-ne
+  background-position: -16px -48px
+
+.ui-icon-arrowthick-1-e
+  background-position: -32px -48px
+
+.ui-icon-arrowthick-1-se
+  background-position: -48px -48px
+
+.ui-icon-arrowthick-1-s
+  background-position: -64px -48px
+
+.ui-icon-arrowthick-1-sw
+  background-position: -80px -48px
+
+.ui-icon-arrowthick-1-w
+  background-position: -96px -48px
+
+.ui-icon-arrowthick-1-nw
+  background-position: -112px -48px
+
+.ui-icon-arrowthick-2-n-s
+  background-position: -128px -48px
+
+.ui-icon-arrowthick-2-ne-sw
+  background-position: -144px -48px
+
+.ui-icon-arrowthick-2-e-w
+  background-position: -160px -48px
+
+.ui-icon-arrowthick-2-se-nw
+  background-position: -176px -48px
+
+.ui-icon-arrowthickstop-1-n
+  background-position: -192px -48px
+
+.ui-icon-arrowthickstop-1-e
+  background-position: -208px -48px
+
+.ui-icon-arrowthickstop-1-s
+  background-position: -224px -48px
+
+.ui-icon-arrowthickstop-1-w
+  background-position: -240px -48px
+
+.ui-icon-arrowreturnthick-1-w
+  background-position: 0 -64px
+
+.ui-icon-arrowreturnthick-1-n
+  background-position: -16px -64px
+
+.ui-icon-arrowreturnthick-1-e
+  background-position: -32px -64px
+
+.ui-icon-arrowreturnthick-1-s
+  background-position: -48px -64px
+
+.ui-icon-arrowreturn-1-w
+  background-position: -64px -64px
+
+.ui-icon-arrowreturn-1-n
+  background-position: -80px -64px
+
+.ui-icon-arrowreturn-1-e
+  background-position: -96px -64px
+
+.ui-icon-arrowreturn-1-s
+  background-position: -112px -64px
+
+.ui-icon-arrowrefresh-1-w
+  background-position: -128px -64px
+
+.ui-icon-arrowrefresh-1-n
+  background-position: -144px -64px
+
+.ui-icon-arrowrefresh-1-e
+  background-position: -160px -64px
+
+.ui-icon-arrowrefresh-1-s
+  background-position: -176px -64px
+
+.ui-icon-arrow-4
+  background-position: 0 -80px
+
+.ui-icon-arrow-4-diag
+  background-position: -16px -80px
+
+.ui-icon-extlink
+  background-position: -32px -80px
+
+.ui-icon-newwin
+  background-position: -48px -80px
+
+.ui-icon-refresh
+  background-position: -64px -80px
+
+.ui-icon-shuffle
+  background-position: -80px -80px
+
+.ui-icon-transfer-e-w
+  background-position: -96px -80px
+
+.ui-icon-transferthick-e-w
+  background-position: -112px -80px
+
+.ui-icon-folder-collapsed
+  background-position: 0 -96px
+
+.ui-icon-folder-open
+  background-position: -16px -96px
+
+.ui-icon-document
+  background-position: -32px -96px
+
+.ui-icon-document-b
+  background-position: -48px -96px
+
+.ui-icon-note
+  background-position: -64px -96px
+
+.ui-icon-mail-closed
+  background-position: -80px -96px
+
+.ui-icon-mail-open
+  background-position: -96px -96px
+
+.ui-icon-suitcase
+  background-position: -112px -96px
+
+.ui-icon-comment
+  background-position: -128px -96px
+
+.ui-icon-person
+  background-position: -144px -96px
+
+.ui-icon-print
+  background-position: -160px -96px
+
+.ui-icon-trash
+  background-position: -176px -96px
+
+.ui-icon-locked
+  background-position: -192px -96px
+
+.ui-icon-unlocked
+  background-position: -208px -96px
+
+.ui-icon-bookmark
+  background-position: -224px -96px
+
+.ui-icon-tag
+  background-position: -240px -96px
+
+.ui-icon-home
+  background-position: 0 -112px
+
+.ui-icon-flag
+  background-position: -16px -112px
+
+.ui-icon-calendar
+  background-position: -32px -112px
+
+.ui-icon-cart
+  background-position: -48px -112px
+
+.ui-icon-pencil
+  background-position: -64px -112px
+
+.ui-icon-clock
+  background-position: -80px -112px
+
+.ui-icon-disk
+  background-position: -96px -112px
+
+.ui-icon-calculator
+  background-position: -112px -112px
+
+.ui-icon-zoomin
+  background-position: -128px -112px
+
+.ui-icon-zoomout
+  background-position: -144px -112px
+
+.ui-icon-search
+  background-position: -160px -112px
+
+.ui-icon-wrench
+  background-position: -176px -112px
+
+.ui-icon-gear
+  background-position: -192px -112px
+
+.ui-icon-heart
+  background-position: -208px -112px
+
+.ui-icon-star
+  background-position: -224px -112px
+
+.ui-icon-link
+  background-position: -240px -112px
+
+.ui-icon-cancel
+  background-position: 0 -128px
+
+.ui-icon-plus
+  background-position: -16px -128px
+
+.ui-icon-plusthick
+  background-position: -32px -128px
+
+.ui-icon-minus
+  background-position: -48px -128px
+
+.ui-icon-minusthick
+  background-position: -64px -128px
+
+.ui-icon-close
+  background-position: -80px -128px
+
+.ui-icon-closethick
+  background-position: -96px -128px
+
+.ui-icon-key
+  background-position: -112px -128px
+
+.ui-icon-lightbulb
+  background-position: -128px -128px
+
+.ui-icon-scissors
+  background-position: -144px -128px
+
+.ui-icon-clipboard
+  background-position: -160px -128px
+
+.ui-icon-copy
+  background-position: -176px -128px
+
+.ui-icon-contact
+  background-position: -192px -128px
+
+.ui-icon-image
+  background-position: -208px -128px
+
+.ui-icon-video
+  background-position: -224px -128px
+
+.ui-icon-script
+  background-position: -240px -128px
+
+.ui-icon-alert
+  background-position: 0 -144px
+
+.ui-icon-info
+  background-position: -16px -144px
+
+.ui-icon-notice
+  background-position: -32px -144px
+
+.ui-icon-help
+  background-position: -48px -144px
+
+.ui-icon-check
+  background-position: -64px -144px
+
+.ui-icon-bullet
+  background-position: -80px -144px
+
+.ui-icon-radio-off
+  background-position: -96px -144px
+
+.ui-icon-radio-on
+  background-position: -112px -144px
+
+.ui-icon-pin-w
+  background-position: -128px -144px
+
+.ui-icon-pin-s
+  background-position: -144px -144px
+
+.ui-icon-play
+  background-position: 0 -160px
+
+.ui-icon-pause
+  background-position: -16px -160px
+
+.ui-icon-seek-next
+  background-position: -32px -160px
+
+.ui-icon-seek-prev
+  background-position: -48px -160px
+
+.ui-icon-seek-end
+  background-position: -64px -160px
+
+.ui-icon-seek-start
+  background-position: -80px -160px
+
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
+
+.ui-icon-seek-first
+  background-position: -80px -160px
+
+.ui-icon-stop
+  background-position: -96px -160px
+
+.ui-icon-eject
+  background-position: -112px -160px
+
+.ui-icon-volume-off
+  background-position: -128px -160px
+
+.ui-icon-volume-on
+  background-position: -144px -160px
+
+.ui-icon-power
+  background-position: 0 -176px
+
+.ui-icon-signal-diag
+  background-position: -16px -176px
+
+.ui-icon-signal
+  background-position: -32px -176px
+
+.ui-icon-battery-0
+  background-position: -48px -176px
+
+.ui-icon-battery-1
+  background-position: -64px -176px
+
+.ui-icon-battery-2
+  background-position: -80px -176px
+
+.ui-icon-battery-3
+  background-position: -96px -176px
+
+.ui-icon-circle-plus
+  background-position: 0 -192px
+
+.ui-icon-circle-minus
+  background-position: -16px -192px
+
+.ui-icon-circle-close
+  background-position: -32px -192px
+
+.ui-icon-circle-triangle-e
+  background-position: -48px -192px
+
+.ui-icon-circle-triangle-s
+  background-position: -64px -192px
+
+.ui-icon-circle-triangle-w
+  background-position: -80px -192px
+
+.ui-icon-circle-triangle-n
+  background-position: -96px -192px
+
+.ui-icon-circle-arrow-e
+  background-position: -112px -192px
+
+.ui-icon-circle-arrow-s
+  background-position: -128px -192px
+
+.ui-icon-circle-arrow-w
+  background-position: -144px -192px
+
+.ui-icon-circle-arrow-n
+  background-position: -160px -192px
+
+.ui-icon-circle-zoomin
+  background-position: -176px -192px
+
+.ui-icon-circle-zoomout
+  background-position: -192px -192px
+
+.ui-icon-circle-check
+  background-position: -208px -192px
+
+.ui-icon-circlesmall-plus
+  background-position: 0 -208px
+
+.ui-icon-circlesmall-minus
+  background-position: -16px -208px
+
+.ui-icon-circlesmall-close
+  background-position: -32px -208px
+
+.ui-icon-squaresmall-plus
+  background-position: -48px -208px
+
+.ui-icon-squaresmall-minus
+  background-position: -64px -208px
+
+.ui-icon-squaresmall-close
+  background-position: -80px -208px
+
+.ui-icon-grip-dotted-vertical
+  background-position: 0 -224px
+
+.ui-icon-grip-dotted-horizontal
+  background-position: -16px -224px
+
+.ui-icon-grip-solid-vertical
+  background-position: -32px -224px
+
+.ui-icon-grip-solid-horizontal
+  background-position: -48px -224px
+
+.ui-icon-gripsmall-diagonal-se
+  background-position: -64px -224px
+
+.ui-icon-grip-diagonal-se
+  background-position: -80px -224px
+
+/* Misc visuals
+ *----------------------------------
+
+/* Corner radius
+
+.ui-corner-tl
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+
+.ui-corner-tr
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+
+.ui-corner-bl
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+
+.ui-corner-br
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-top
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+
+.ui-corner-bottom
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-right
+  -moz-border-radius-topright: 4px
+  -webkit-border-top-right-radius: 4px
+  border-top-right-radius: 4px
+  -moz-border-radius-bottomright: 4px
+  -webkit-border-bottom-right-radius: 4px
+  border-bottom-right-radius: 4px
+
+.ui-corner-left
+  -moz-border-radius-topleft: 4px
+  -webkit-border-top-left-radius: 4px
+  border-top-left-radius: 4px
+  -moz-border-radius-bottomleft: 4px
+  -webkit-border-bottom-left-radius: 4px
+  border-bottom-left-radius: 4px
+
+.ui-corner-all
+  -moz-border-radius: 4px
+  -webkit-border-radius: 4px
+  border-radius: 4px
+
+/* Overlays
+
+.ui-widget-overlay
+  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x
+  opacity: .30
+  filter: unquote("Alpha(Opacity = 30)")
+
+.ui-widget-shadow
+  margin: -8px 0 0 -8px
+  padding: 8px
+  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x
+  opacity: .30
+  filter: unquote("Alpha(Opacity = 30)")
+  -moz-border-radius: 8px
+  -webkit-border-radius: 8px
+  border-radius: 8px
+
+/*                                                                                                                                                                                                                                                             
+ * * jQuery UI Resizable 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Resizable#theming
+
+.ui-resizable
+  position: relative
+
+.ui-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  z-index: 99999
+  display: block
+
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
+  display: none
+
+.ui-resizable-n
+  cursor: n-resize
+  height: 7px
+  width: 100%
+  top: -5px
+  left: 0
+
+.ui-resizable-s
+  cursor: s-resize
+  height: 7px
+  width: 100%
+  bottom: -5px
+  left: 0
+
+.ui-resizable-e
+  cursor: e-resize
+  width: 7px
+  right: -5px
+  top: 0
+  height: 100%
+
+.ui-resizable-w
+  cursor: w-resize
+  width: 7px
+  left: -5px
+  top: 0
+  height: 100%
+
+.ui-resizable-se
+  cursor: se-resize
+  width: 12px
+  height: 12px
+  right: 1px
+  bottom: 1px
+
+.ui-resizable-sw
+  cursor: sw-resize
+  width: 9px
+  height: 9px
+  left: -5px
+  bottom: -5px
+
+.ui-resizable-nw
+  cursor: nw-resize
+  width: 9px
+  height: 9px
+  left: -5px
+  top: -5px
+
+.ui-resizable-ne
+  cursor: ne-resize
+  width: 9px
+  height: 9px
+  right: -5px
+  top: -5px
+
+/*                                                                                         
+ * * jQuery UI Selectable 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Selectable#theming
+
+.ui-selectable-helper
+  position: absolute
+  z-index: 100
+  border: 1px dotted black
+
+/*
+ * jQuery UI Accordion 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+/* IE/Win - Fix animation bug - #4615
+
+.ui-accordion
+  width: 100%
+  .ui-accordion-header
+    cursor: pointer
+    position: relative
+    margin-top: 1px
+    zoom: 1
+  .ui-accordion-li-fix
+    display: inline
+  .ui-accordion-header-active
+    border-bottom: 0 !important
+  .ui-accordion-header a
+    display: block
+    font-size: 1em
+    padding: .5em .5em .5em .7em
+
+.ui-accordion-icons .ui-accordion-header a
+  padding-left: 2.2em
+
+.ui-accordion
+  .ui-accordion-header .ui-icon
+    position: absolute
+    left: .5em
+    top: 50%
+    margin-top: -8px
+  .ui-accordion-content
+    padding: 1em 2.2em
+    border-top: 0
+    margin-top: -2px
+    position: relative
+    top: 1px
+    margin-bottom: 2px
+    overflow: auto
+    display: none
+    zoom: 1
+  .ui-accordion-content-active
+    display: block
+
+/*                                                                
+ * * jQuery UI Autocomplete 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Autocomplete#theming
+
+.ui-autocomplete
+  position: absolute
+  cursor: default
+
+/* workarounds
+
+* html .ui-autocomplete
+  width: 1px
+
+/* without this, the menu expands to 100% in IE6
+
+/*
+ * jQuery UI Menu 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+
+.ui-menu
+  list-style: none
+  padding: 2px
+  margin: 0
+  display: block
+  float: left
+  .ui-menu
+    margin-top: -3px
+  .ui-menu-item
+    margin: 0
+    padding: 0
+    zoom: 1
+    float: left
+    clear: left
+    width: 100%
+    a
+      text-decoration: none
+      display: block
+      padding: .2em .4em
+      line-height: 1.5
+      zoom: 1
+      &.ui-state-hover, &.ui-state-active
+        font-weight: normal
+        margin: -1px
+
+/*
+ * jQuery UI Button 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+
+.ui-button
+  display: inline-block
+  position: relative
+  padding: 0
+  margin-right: .1em
+  text-decoration: none !important
+  cursor: pointer
+  text-align: center
+  zoom: 1
+  overflow: visible
+
+/* the overflow property removes extra width in IE
+
+.ui-button-icon-only
+  width: 2.2em
+
+/* to make room for the icon, a width needs to be set here
+
+button.ui-button-icon-only
+  width: 2.4em
+
+/* button elements seem to need a little more width
+
+.ui-button-icons-only
+  width: 3.4em
+
+button.ui-button-icons-only
+  width: 3.7em
+
+/*button text element
+
+.ui-button .ui-button-text
+  display: block
+  line-height: 1.4
+
+.ui-button-text-only .ui-button-text
+  padding: .4em 1em
+
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
+  padding: .4em
+  text-indent: -9999999px
+
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
+  padding: .4em 1em .4em 2.1em
+
+.ui-button-text-icon-secondary .ui-button-text
+  padding: .4em 2.1em .4em 1em
+
+.ui-button-text-icons .ui-button-text
+  padding: .4em 2.1em .4em 1em
+  padding-left: 2.1em
+  padding-right: 2.1em
+
+/* no icon support for input elements, provide padding by default
+
+input.ui-button
+  padding: .4em 1em
+
+/*button icon element(s)
+
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
+  position: absolute
+  top: 50%
+  margin-top: -8px
+
+.ui-button-icon-only .ui-icon
+  left: 50%
+  margin-left: -8px
+
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary
+  left: .5em
+
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
+  right: .5em
+
+/*button sets
+
+.ui-buttonset
+  margin-right: 7px
+  .ui-button
+    margin-left: 0
+    margin-right: -0.3em
+
+/* workarounds
+
+//button.ui-button::-moz-focus-inner
+//  border: 0
+//  padding: 0
+
+/* reset extra padding in Firefox
+/*
+ * jQuery UI Dialog 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+
+.ui-dialog
+  position: absolute
+  padding: .2em
+  width: 300px
+  overflow: hidden
+  .ui-dialog-titlebar
+    padding: .5em 1em .3em
+    position: relative
+  .ui-dialog-title
+    float: left
+    margin: .1em 16px .2em 0
+  .ui-dialog-titlebar-close
+    position: absolute
+    right: .3em
+    top: 50%
+    width: 19px
+    margin: -10px 0 0 0
+    padding: 1px
+    height: 18px
+    span
+      display: block
+      margin: 1px
+    &:hover, &:focus
+      padding: 0
+  .ui-dialog-content
+    position: relative
+    border: 0
+    padding: .5em 1em
+    background: none
+    overflow: auto
+    zoom: 1
+  .ui-dialog-buttonpane
+    text-align: left
+    border-width: 1px 0 0 0
+    background-image: none
+    margin: .5em 0 0 0
+    padding: .3em 1em .5em .4em
+    .ui-dialog-buttonset
+      float: right
+    button
+      margin: .5em .4em .5em 0
+      cursor: pointer
+  .ui-resizable-se
+    width: 14px
+    height: 14px
+    right: 3px
+    bottom: 3px
+
+.ui-draggable .ui-dialog-titlebar
+  cursor: move
+
+/*
+ * jQuery UI Slider 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+
+.ui-slider
+  position: relative
+  text-align: left
+  .ui-slider-handle
+    position: absolute
+    z-index: 2
+    width: 1.2em
+    height: 1.2em
+    cursor: default
+  .ui-slider-range
+    position: absolute
+    z-index: 1
+    font-size: .7em
+    display: block
+    border: 0
+    background-position: 0 0
+
+.ui-slider-horizontal
+  height: .8em
+  .ui-slider-handle
+    top: -0.3em
+    margin-left: -0.6em
+  .ui-slider-range
+    top: 0
+    height: 100%
+  .ui-slider-range-min
+    left: 0
+  .ui-slider-range-max
+    right: 0
+
+.ui-slider-vertical
+  width: .8em
+  height: 100px
+  .ui-slider-handle
+    left: -0.3em
+    margin-left: 0
+    margin-bottom: -0.6em
+  .ui-slider-range
+    left: 0
+    width: 100%
+  .ui-slider-range-min
+    bottom: 0
+  .ui-slider-range-max
+    top: 0
+
+/*                                                      
+ * * jQuery UI Tabs 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Tabs#theming
+
+.ui-tabs
+  position: relative
+  padding: .2em
+  zoom: 1
+  .ui-tabs-nav
+    margin: 0
+    padding: .2em .2em 0
+    li
+      list-style: none
+      float: left
+      position: relative
+      top: 1px
+      margin: 0 .2em 1px 0
+      border-bottom: 0 !important
+      padding: 0
+      white-space: nowrap
+      a
+        float: left
+        padding: .5em 1em
+        text-decoration: none
+      &.ui-tabs-selected
+        margin-bottom: 0
+        padding-bottom: 1px
+        a
+          cursor: text
+      &.ui-state-disabled a, &.ui-state-processing a
+        cursor: text
+      a
+        cursor: pointer
+  &.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
+    cursor: pointer
+  .ui-tabs-panel
+    display: block
+    border-width: 0
+    padding: 1em 1.4em
+    background: none
+  .ui-tabs-hide
+    display: none !important
+
+/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
+
+/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
+
+/*
+ * jQuery UI Datepicker 1.8.7
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+
+.ui-datepicker
+  width: 17em
+  padding: .2em .2em 0
+  display: none
+  .ui-datepicker-header
+    position: relative
+    padding: .2em 0
+  .ui-datepicker-prev, .ui-datepicker-next
+    position: absolute
+    top: 2px
+    width: 1.8em
+    height: 1.8em
+  .ui-datepicker-prev-hover, .ui-datepicker-next-hover
+    top: 1px
+  .ui-datepicker-prev
+    left: 2px
+  .ui-datepicker-next
+    right: 2px
+  .ui-datepicker-prev-hover
+    left: 1px
+  .ui-datepicker-next-hover
+    right: 1px
+  .ui-datepicker-prev span, .ui-datepicker-next span
+    display: block
+    position: absolute
+    left: 50%
+    margin-left: -8px
+    top: 50%
+    margin-top: -8px
+  .ui-datepicker-title
+    margin: 0 2.3em
+    line-height: 1.8em
+    text-align: center
+    select
+      font-size: 1em
+      margin: 1px 0
+  select
+    &.ui-datepicker-month-year
+      width: 100%
+    &.ui-datepicker-month, &.ui-datepicker-year
+      width: 49%
+  table
+    width: 100%
+    font-size: .9em
+    border-collapse: collapse
+    margin: 0 0 .4em
+  th
+    padding: .7em .3em
+    text-align: center
+    font-weight: bold
+    border: 0
+  td
+    border: 0
+    padding: 1px
+    span, a
+      display: block
+      padding: .2em
+      text-align: right
+      text-decoration: none
+  .ui-datepicker-buttonpane
+    background-image: none
+    margin: .7em 0 0 0
+    padding: 0 .2em
+    border-left: 0
+    border-right: 0
+    border-bottom: 0
+    button
+      float: right
+      margin: .5em .2em .4em
+      cursor: pointer
+      padding: .2em .6em .3em .6em
+      width: auto
+      overflow: visible
+      &.ui-datepicker-current
+        float: left
+  &.ui-datepicker-multi
+    width: auto
+
+/* with multiple calendars
+
+.ui-datepicker-multi .ui-datepicker-group
+  float: left
+  table
+    width: 95%
+    margin: 0 auto .4em
+
+.ui-datepicker-multi-2 .ui-datepicker-group
+  width: 50%
+
+.ui-datepicker-multi-3 .ui-datepicker-group
+  width: 33.3%
+
+.ui-datepicker-multi-4 .ui-datepicker-group
+  width: 25%
+
+.ui-datepicker-multi
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header
+    border-left-width: 0
+  .ui-datepicker-buttonpane
+    clear: left
+
+.ui-datepicker-row-break
+  clear: both
+  width: 100%
+
+/* RTL support
+
+.ui-datepicker-rtl
+  direction: rtl
+  .ui-datepicker-prev
+    right: 2px
+    left: auto
+  .ui-datepicker-next
+    left: 2px
+    right: auto
+  .ui-datepicker-prev:hover
+    right: 1px
+    left: auto
+  .ui-datepicker-next:hover
+    left: 1px
+    right: auto
+  .ui-datepicker-buttonpane
+    clear: right
+    button
+      float: left
+      &.ui-datepicker-current
+        float: right
+  .ui-datepicker-group
+    float: right
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header
+    border-right-width: 0
+    border-left-width: 1px
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3
+
+.ui-datepicker-cover
+  display: none
+  /*sorry for IE5
+  display/**/: block
+  /*sorry for IE5
+  position: absolute
+  /*must have
+  z-index: -1
+  /*must have
+  filter: mask()
+  /*must have
+  top: -4px
+  /*must have
+  left: -4px
+  /*must have
+  width: 200px
+  /*must have
+  height: 200px
+  /*must have
+
+/*
+ ** jQuery UI Progressbar 1.8.7
+ **
+ ** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ ** Dual licensed under the MIT or GPL Version 2 licenses.
+ ** http://jquery.org/license
+ **
+ ** http://docs.jquery.com/UI/Progressbar#theming
+
+.ui-progressbar
+  height: 2em
+  text-align: left
+  .ui-progressbar-value
+    margin: -1px
+    height: 100%
+
diff --git a/webroot/ccss/backend.css b/webroot/ccss/backend.css
new file mode 100644
index 00000000..f613fb4b
--- /dev/null
+++ b/webroot/ccss/backend.css
@@ -0,0 +1,1970 @@
+  @font-face {
+    font-family: "Ubuntu";
+    src: url('../fonts/ubuntu/ubuntu-r-webfont.eot');
+    src: local("☺"), url('../fonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../fonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'); }
+
+  @font-face {
+    font-family: "Ubuntu-bold";
+    src: url('../fonts/ubuntu/ubuntu-b-webfont.eot');
+    src: local("☺"), url('../fonts/ubuntu/ubuntu-b-webfont.woff') format('woff'), url('../fonts/ubuntu/ubuntu-b-webfont.ttf') format('truetype'); }
+
+  @font-face {
+    font-family: "Cousine";
+    src: url('../fonts/cousine/cousine-regular-latin-webfont.eot');
+    src: local("☺"), url('../fonts/cousine/cousine-regular-latin-webfont.woff') format('woff'), url('../fonts/cousine/cousine-regular-latin-webfont.ttf') format('truetype'); }
+
+* {
+  font-size: 10pt;
+  font-weight: normal;
+  text-decoration: none;
+  font-family: Ubuntu, Verdana, sans; }
+
+a {
+  color: #4444ff; }
+  a:hover {
+    color: #0000aa; }
+  a:visited {
+    color: #1111ff; }
+
+img {
+  border: none; }
+
+ol,
+ul {
+  list-style-type: none; }
+
+p {
+  padding: 5px 0; }
+
+code {
+  font-family: Cousine;
+  font-size: 10pt;
+  background-color: #e6e6e6;
+  color: #333333; }
+
+  #content h2,
+  #content h3 {
+    font-family: Ubuntu-bold;
+    padding: 10px 0; }
+  #content ul li {
+    padding: 5px 0; }
+
+* {
+  margin: 0;
+  padding: 0; }
+
+#page {
+  width: 950px;
+  margin: 0 auto;
+  overflow: hidden;
+  *zoom: 1; }
+
+#header {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  background-color: #008800;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #008800), color-stop(100%, #002200));
+  background-image: -moz-linear-gradient(top, #008800 0%, #002200 100%);
+  background-image: linear-gradient(top, #008800 0%, #002200 100%);
+  border: 1px solid #008800; }
+  * html #header {
+    overflow-x: hidden; }
+  #header > .sub {
+    padding: 15px; }
+    #header > .sub h1 {
+      display: inline-block;; }
+      #header > .sub h1 a {
+        font-size: 200%;
+        font-weight: bold;
+        text-shadow: black 0 2px 0;
+        color: white; }
+        #header > .sub h1 a:hover {
+          color: white;
+          background-color: inherit; }
+        #header > .sub h1 a:visited {
+          color: white;
+          background-color: inherit; }
+    #header > .sub span {
+      display: inline-block;;
+      color: white; }
+
+#main {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  background-color: white; }
+  * html #main {
+    overflow-x: hidden; }
+  #main #sidebar {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 230px;
+    background-color: white; }
+  * html #main #sidebar {
+    overflow-x: hidden; }
+  #main #content {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 710px;
+    -moz-border-radius-topright: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -o-border-top-right-radius: 10px;
+    -ms-border-top-right-radius: 10px;
+    -khtml-border-top-right-radius: 10px;
+    border-top-right-radius: 10px;
+    background-color: white; }
+  * html #main #content {
+    overflow-x: hidden; }
+    #main #content > h1 {
+      display: block;
+      width: 100%;
+      font-size: 120%;
+      padding: 10px 0;
+      background-color: #e6e6e6; }
+
+#footer {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  background-color: #888888; }
+  * html #footer {
+    overflow-x: hidden; }
+  #footer p {
+    padding: 5px; }
+
+.box {
+  position: relative; }
+  .box > h1 {
+    font-size: 120%;
+    padding: 5px;
+    background-color: #eeeeee;
+    color: #444444;
+    text-shadow: white 1px 0px 0; }
+
+.info,
+.message {
+  display: block;
+  margin: 5px 0;
+  padding: 10px;
+  background-color: #ffffb0;
+  border: 1px solid #ffdc1c;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -o-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -khtml-border-radius: 2px;
+  border-radius: 2px; }
+
+#sidebar > .box {
+  margin: 5px 0;
+  overflow: hidden; }
+  #sidebar > .box > ul {
+    display: block; }
+  #sidebar > .box ul {
+    display: block;
+    list-style-type: none; }
+  #sidebar > .box li > a {
+    display: block;
+    padding: 5px;
+    color: black; }
+    #sidebar > .box li > a:hover {
+      color: #330033;
+      background-color: #7799bb; }
+  #sidebar > .box li > .active {
+    display: block;
+    color: white;
+    background-color: #557799; }
+  #sidebar > .box > ul > li > ul {
+    margin-bottom: 5px; }
+      #sidebar > .box > ul > li > ul > li > .active {
+        width: 205px;
+        padding-left: 20px;
+        background-color: #7191b0; }
+      #sidebar > .box > ul > li > ul > li > a {
+        padding-left: 20px;
+        width: 205px; }
+        #sidebar > .box > ul > li > ul > li > ul > li > .active {
+          width: 185px;
+          padding-left: 40px;
+          background-color: #92aac2; }
+        #sidebar > .box > ul > li > ul > li > ul > li > a {
+          width: 185px;
+          padding-left: 40px; }
+
+form {
+  overflow: hidden;
+  width: 710px;
+  margin: 15px 0; }
+  form fieldset {
+    padding: 15px 0;
+    border: 0; }
+    form fieldset legend {
+      font-family: Ubuntu-bold;
+      width: 81.5%;
+      border-bottom: 1px solid #e6e6e6; }
+    form fieldset div.input {
+      padding: 5px 0;
+      position: relative;
+      display: block;
+      width: 100%; }
+      form fieldset div.input > label {
+        display: inline;
+        float: left;
+        width: 30%; }
+      form fieldset div.input input[type=email],
+      form fieldset div.input input[type=password],
+      form fieldset div.input input[type=text],
+      form fieldset div.input textarea {
+        width: 50%;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        border: #aaaaaa 1px solid;
+        padding: 5px;
+        background-color: #efefef; }
+  form fieldset div.input input[type=email]:hover,
+  form fieldset div.input input[type=password]:hover,
+  form fieldset div.input input[type=text]:hover,
+  form fieldset div.input textarea:hover {
+    border: #999999 1px solid;
+    background-color: #ffffdd; }
+  form fieldset div.input input[type=email]:focus,
+  form fieldset div.input input[type=password]:focus,
+  form fieldset div.input input[type=text]:focus,
+  form fieldset div.input textarea:focus {
+    border: #aa0000 1px solid;
+    background-color: #ffffdd; }
+      form fieldset div.input select {
+        width: 51.5%;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        border: #aaaaaa 1px solid;
+        padding: 5px;
+        background-color: #efefef; }
+  form fieldset div.input select:hover {
+    border: #999999 1px solid;
+    background-color: #ffffdd; }
+  form fieldset div.input select:focus {
+    border: #aa0000 1px solid;
+    background-color: #ffffdd; }
+        form fieldset div.input.select div.checkbox {
+          margin-left: 30%; }
+          form fieldset div.input.select div.checkbox input[type=checkbox] {
+            margin-right: 5px; }
+        form fieldset div.input.checkbox input[type=checkbox] {
+          margin-left: 30%;
+          margin-right: 5px; }
+        form fieldset div.input.checkbox label {
+          float: none;
+          display: inline-block;
+          width: 50%; }
+      form fieldset div.input .radioSet {
+        margin: 3px 0; }
+        form fieldset div.input .radioSet input[type=radio] {
+          display: none; }
+        form fieldset div.input .radioSet label {
+          padding: 5px 10px;
+          border: 1px solid #aaaaaa;
+          color: #666666;
+          background-color: #efefef; }
+          form fieldset div.input .radioSet label:hover {
+            cursor: pointer; }
+        form fieldset div.input .radioSet input[type=radio]:checked + label {
+          color: white;
+          background-color: #557799;
+          border-color: #314457; }
+      form fieldset div.input .description,
+      form fieldset div.input .error-message {
+        padding-left: 30%; }
+      form fieldset div.input.error {
+        background-color: #ffaaaa; }
+  form ul.buttons {
+    margin-left: 30%; }
+    form ul.buttons > li {
+      display: inline-block;
+      margin-right: 10px; }
+      form ul.buttons > li > input {
+        border: 1px solid #aaaaaa;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        -o-border-radius: 2px;
+        -ms-border-radius: 2px;
+        -khtml-border-radius: 2px;
+        border-radius: 2px;
+        padding: 5px 15px;
+        color: #666666;
+        background-color: #efefef; }
+  form ul.buttons > li > input:hover {
+    cursor: pointer;
+    background-color: #557799;
+    color: white;
+    border-color: #314457; }
+  form div.submit {
+    padding-left: 30%; }
+    form div.submit input {
+      border: 1px solid #aaaaaa;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -o-border-radius: 2px;
+      -ms-border-radius: 2px;
+      -khtml-border-radius: 2px;
+      border-radius: 2px;
+      padding: 5px 15px;
+      color: #666666;
+      background-color: #efefef; }
+  form div.submit input:hover {
+    cursor: pointer;
+    background-color: #557799;
+    color: white;
+    border-color: #314457; }
+    form div.submit-list input {
+      margin-right: 5px;
+      border: 1px solid #aaaaaa;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -o-border-radius: 2px;
+      -ms-border-radius: 2px;
+      -khtml-border-radius: 2px;
+      border-radius: 2px;
+      padding: 5px 15px;
+      color: #666666;
+      background-color: #efefef; }
+  form div.submit-list input:hover {
+    cursor: pointer;
+    background-color: #557799;
+    color: white;
+    border-color: #314457; }
+
+a.button {
+  border: 1px solid #aaaaaa;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -o-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -khtml-border-radius: 2px;
+  border-radius: 2px;
+  padding: 5px 15px;
+  color: #666666;
+  background-color: #efefef; }
+  a.button:hover {
+    cursor: pointer;
+    background-color: #557799;
+    color: white;
+    border-color: #314457; }
+
+table.default {
+  padding: 5px 0;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 0; }
+  table.default thead tr th {
+    padding: 3px;
+    background: #cccccc;
+    text-shadow: white 1px 0 1px;
+    font-weight: none;
+    text-align: left; }
+    table.default tbody tr.odd td {
+      background: #eeeeee; }
+    table.default tbody tr.even td {
+      background: white; }
+    table.default tbody tr.selected td {
+      background: #99b3cc; }
+    table.default tbody tr:hover td {
+      background: #7799bb; }
+    table.default tbody tr td {
+      padding: 3px;
+      border-bottom: 1px solid #eeeeee; }
+
+/*
+ * * jQuery UI CSS Framework 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Theming/API
+ */
+/*
+ * Layout helpers
+ * *----------------------------------
+ */
+.ui-helper-hidden {
+  display: none; }
+
+.ui-helper-hidden-accessible {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px); }
+
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none; }
+
+.ui-helper-clearfix {
+  display: inline-block; }
+    .ui-helper-clearfix:after {
+      content: ".";
+      display: block;
+      height: 0;
+      clear: both;
+      visibility: hidden; }
+
+/*
+ * required comment for clearfix to work in Opera \
+ */
+* html .ui-helper-clearfix {
+  height: 1%; }
+
+.ui-helper-clearfix {
+  display: block; }
+
+/*
+ * end clearfix
+ */
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity=0); }
+
+/*
+ * Interaction Cues
+ * *----------------------------------
+ */
+.ui-state-disabled {
+  cursor: default !important; }
+
+/*
+ * Icons
+ * *----------------------------------
+ */
+/*
+ * states and images
+ */
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat; }
+
+/*
+ * Misc visuals
+ * *----------------------------------
+ */
+/*
+ * Overlays
+ */
+.ui-widget-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+/*
+ * * jQuery UI CSS Framework 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Theming/API
+ * *
+ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+/*
+ * Component containers
+ * *----------------------------------
+ */
+.ui-widget {
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 1.1em; }
+    .ui-widget .ui-widget {
+      font-size: 1em; }
+    .ui-widget button,
+    .ui-widget input,
+    .ui-widget select,
+    .ui-widget textarea {
+      font-family: Verdana, Arial, sans-serif;
+      font-size: 1em; }
+
+.ui-widget-content {
+  border: 1px solid #aaaaaa;
+  background: white url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+  color: #222222; }
+    .ui-widget-content a {
+      color: #222222; }
+
+.ui-widget-header {
+  border: 1px solid #aaaaaa;
+  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+  color: #222222;
+  font-weight: bold; }
+    .ui-widget-header a {
+      color: #222222; }
+
+/*
+ * Interaction states
+ * *----------------------------------
+ */
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  border: 1px solid #d3d3d3;
+  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
+  font-weight: normal;
+  color: #555555; }
+
+.ui-state-default a {
+  color: #555555;
+  text-decoration: none; }
+    .ui-state-default a:link,
+    .ui-state-default a:visited {
+      color: #555555;
+      text-decoration: none; }
+
+.ui-state-focus,
+.ui-state-hover,
+.ui-widget-content .ui-state-focus,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-focus,
+.ui-widget-header .ui-state-hover {
+  border: 1px solid #999999;
+  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
+  font-weight: normal;
+  color: #212121; }
+
+.ui-state-hover a {
+  color: #212121;
+  text-decoration: none; }
+    .ui-state-hover a:hover {
+      color: #212121;
+      text-decoration: none; }
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+  border: 1px solid #aaaaaa;
+  background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
+  font-weight: normal;
+  color: #212121; }
+
+.ui-state-active a {
+  color: #212121;
+  text-decoration: none; }
+    .ui-state-active a:link,
+    .ui-state-active a:visited {
+      color: #212121;
+      text-decoration: none; }
+
+.ui-widget :active {
+  outline: none; }
+
+/*
+ * Interaction Cues
+ * *----------------------------------
+ */
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+  border: 1px solid #fcefa1;
+  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
+  color: #363636; }
+
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+  color: #363636; }
+
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+  border: 1px solid #cd0a0a;
+  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
+  color: #cd0a0a; }
+
+.ui-state-error a,
+.ui-state-error-text,
+.ui-widget-content .ui-state-error a,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error a,
+.ui-widget-header .ui-state-error-text {
+  color: #cd0a0a; }
+
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+  font-weight: bold; }
+
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+  opacity: 0.7;
+  filter: Alpha(Opacity = 70);
+  font-weight: normal; }
+
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+  opacity: 0.35;
+  filter: Alpha(Opacity = 35);
+  background-image: none; }
+
+/*
+ * Icons
+ * *----------------------------------
+ */
+/*
+ * states and images
+ */
+.ui-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url(images/ui-icons_222222_256x240.png); }
+
+.ui-widget-content .ui-icon,
+.ui-widget-header .ui-icon {
+  background-image: url(images/ui-icons_222222_256x240.png); }
+
+.ui-state-default .ui-icon {
+  background-image: url(images/ui-icons_888888_256x240.png); }
+
+.ui-state-active .ui-icon,
+.ui-state-focus .ui-icon,
+.ui-state-hover .ui-icon {
+  background-image: url(images/ui-icons_454545_256x240.png); }
+
+.ui-state-highlight .ui-icon {
+  background-image: url(images/ui-icons_2e83ff_256x240.png); }
+
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+  background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/*
+ * positioning
+ */
+.ui-icon-carat-1-n {
+  background-position: 0 0; }
+
+.ui-icon-carat-1-ne {
+  background-position: -16px 0; }
+
+.ui-icon-carat-1-e {
+  background-position: -32px 0; }
+
+.ui-icon-carat-1-se {
+  background-position: -48px 0; }
+
+.ui-icon-carat-1-s {
+  background-position: -64px 0; }
+
+.ui-icon-carat-1-sw {
+  background-position: -80px 0; }
+
+.ui-icon-carat-1-w {
+  background-position: -96px 0; }
+
+.ui-icon-carat-1-nw {
+  background-position: -112px 0; }
+
+.ui-icon-carat-2-n-s {
+  background-position: -128px 0; }
+
+.ui-icon-carat-2-e-w {
+  background-position: -144px 0; }
+
+.ui-icon-triangle-1-n {
+  background-position: 0 -16px; }
+
+.ui-icon-triangle-1-ne {
+  background-position: -16px -16px; }
+
+.ui-icon-triangle-1-e {
+  background-position: -32px -16px; }
+
+.ui-icon-triangle-1-se {
+  background-position: -48px -16px; }
+
+.ui-icon-triangle-1-s {
+  background-position: -64px -16px; }
+
+.ui-icon-triangle-1-sw {
+  background-position: -80px -16px; }
+
+.ui-icon-triangle-1-w {
+  background-position: -96px -16px; }
+
+.ui-icon-triangle-1-nw {
+  background-position: -112px -16px; }
+
+.ui-icon-triangle-2-n-s {
+  background-position: -128px -16px; }
+
+.ui-icon-triangle-2-e-w {
+  background-position: -144px -16px; }
+
+.ui-icon-arrow-1-n {
+  background-position: 0 -32px; }
+
+.ui-icon-arrow-1-ne {
+  background-position: -16px -32px; }
+
+.ui-icon-arrow-1-e {
+  background-position: -32px -32px; }
+
+.ui-icon-arrow-1-se {
+  background-position: -48px -32px; }
+
+.ui-icon-arrow-1-s {
+  background-position: -64px -32px; }
+
+.ui-icon-arrow-1-sw {
+  background-position: -80px -32px; }
+
+.ui-icon-arrow-1-w {
+  background-position: -96px -32px; }
+
+.ui-icon-arrow-1-nw {
+  background-position: -112px -32px; }
+
+.ui-icon-arrow-2-n-s {
+  background-position: -128px -32px; }
+
+.ui-icon-arrow-2-ne-sw {
+  background-position: -144px -32px; }
+
+.ui-icon-arrow-2-e-w {
+  background-position: -160px -32px; }
+
+.ui-icon-arrow-2-se-nw {
+  background-position: -176px -32px; }
+
+.ui-icon-arrowstop-1-n {
+  background-position: -192px -32px; }
+
+.ui-icon-arrowstop-1-e {
+  background-position: -208px -32px; }
+
+.ui-icon-arrowstop-1-s {
+  background-position: -224px -32px; }
+
+.ui-icon-arrowstop-1-w {
+  background-position: -240px -32px; }
+
+.ui-icon-arrowthick-1-n {
+  background-position: 0 -48px; }
+
+.ui-icon-arrowthick-1-ne {
+  background-position: -16px -48px; }
+
+.ui-icon-arrowthick-1-e {
+  background-position: -32px -48px; }
+
+.ui-icon-arrowthick-1-se {
+  background-position: -48px -48px; }
+
+.ui-icon-arrowthick-1-s {
+  background-position: -64px -48px; }
+
+.ui-icon-arrowthick-1-sw {
+  background-position: -80px -48px; }
+
+.ui-icon-arrowthick-1-w {
+  background-position: -96px -48px; }
+
+.ui-icon-arrowthick-1-nw {
+  background-position: -112px -48px; }
+
+.ui-icon-arrowthick-2-n-s {
+  background-position: -128px -48px; }
+
+.ui-icon-arrowthick-2-ne-sw {
+  background-position: -144px -48px; }
+
+.ui-icon-arrowthick-2-e-w {
+  background-position: -160px -48px; }
+
+.ui-icon-arrowthick-2-se-nw {
+  background-position: -176px -48px; }
+
+.ui-icon-arrowthickstop-1-n {
+  background-position: -192px -48px; }
+
+.ui-icon-arrowthickstop-1-e {
+  background-position: -208px -48px; }
+
+.ui-icon-arrowthickstop-1-s {
+  background-position: -224px -48px; }
+
+.ui-icon-arrowthickstop-1-w {
+  background-position: -240px -48px; }
+
+.ui-icon-arrowreturnthick-1-w {
+  background-position: 0 -64px; }
+
+.ui-icon-arrowreturnthick-1-n {
+  background-position: -16px -64px; }
+
+.ui-icon-arrowreturnthick-1-e {
+  background-position: -32px -64px; }
+
+.ui-icon-arrowreturnthick-1-s {
+  background-position: -48px -64px; }
+
+.ui-icon-arrowreturn-1-w {
+  background-position: -64px -64px; }
+
+.ui-icon-arrowreturn-1-n {
+  background-position: -80px -64px; }
+
+.ui-icon-arrowreturn-1-e {
+  background-position: -96px -64px; }
+
+.ui-icon-arrowreturn-1-s {
+  background-position: -112px -64px; }
+
+.ui-icon-arrowrefresh-1-w {
+  background-position: -128px -64px; }
+
+.ui-icon-arrowrefresh-1-n {
+  background-position: -144px -64px; }
+
+.ui-icon-arrowrefresh-1-e {
+  background-position: -160px -64px; }
+
+.ui-icon-arrowrefresh-1-s {
+  background-position: -176px -64px; }
+
+.ui-icon-arrow-4 {
+  background-position: 0 -80px; }
+
+.ui-icon-arrow-4-diag {
+  background-position: -16px -80px; }
+
+.ui-icon-extlink {
+  background-position: -32px -80px; }
+
+.ui-icon-newwin {
+  background-position: -48px -80px; }
+
+.ui-icon-refresh {
+  background-position: -64px -80px; }
+
+.ui-icon-shuffle {
+  background-position: -80px -80px; }
+
+.ui-icon-transfer-e-w {
+  background-position: -96px -80px; }
+
+.ui-icon-transferthick-e-w {
+  background-position: -112px -80px; }
+
+.ui-icon-folder-collapsed {
+  background-position: 0 -96px; }
+
+.ui-icon-folder-open {
+  background-position: -16px -96px; }
+
+.ui-icon-document {
+  background-position: -32px -96px; }
+
+.ui-icon-document-b {
+  background-position: -48px -96px; }
+
+.ui-icon-note {
+  background-position: -64px -96px; }
+
+.ui-icon-mail-closed {
+  background-position: -80px -96px; }
+
+.ui-icon-mail-open {
+  background-position: -96px -96px; }
+
+.ui-icon-suitcase {
+  background-position: -112px -96px; }
+
+.ui-icon-comment {
+  background-position: -128px -96px; }
+
+.ui-icon-person {
+  background-position: -144px -96px; }
+
+.ui-icon-print {
+  background-position: -160px -96px; }
+
+.ui-icon-trash {
+  background-position: -176px -96px; }
+
+.ui-icon-locked {
+  background-position: -192px -96px; }
+
+.ui-icon-unlocked {
+  background-position: -208px -96px; }
+
+.ui-icon-bookmark {
+  background-position: -224px -96px; }
+
+.ui-icon-tag {
+  background-position: -240px -96px; }
+
+.ui-icon-home {
+  background-position: 0 -112px; }
+
+.ui-icon-flag {
+  background-position: -16px -112px; }
+
+.ui-icon-calendar {
+  background-position: -32px -112px; }
+
+.ui-icon-cart {
+  background-position: -48px -112px; }
+
+.ui-icon-pencil {
+  background-position: -64px -112px; }
+
+.ui-icon-clock {
+  background-position: -80px -112px; }
+
+.ui-icon-disk {
+  background-position: -96px -112px; }
+
+.ui-icon-calculator {
+  background-position: -112px -112px; }
+
+.ui-icon-zoomin {
+  background-position: -128px -112px; }
+
+.ui-icon-zoomout {
+  background-position: -144px -112px; }
+
+.ui-icon-search {
+  background-position: -160px -112px; }
+
+.ui-icon-wrench {
+  background-position: -176px -112px; }
+
+.ui-icon-gear {
+  background-position: -192px -112px; }
+
+.ui-icon-heart {
+  background-position: -208px -112px; }
+
+.ui-icon-star {
+  background-position: -224px -112px; }
+
+.ui-icon-link {
+  background-position: -240px -112px; }
+
+.ui-icon-cancel {
+  background-position: 0 -128px; }
+
+.ui-icon-plus {
+  background-position: -16px -128px; }
+
+.ui-icon-plusthick {
+  background-position: -32px -128px; }
+
+.ui-icon-minus {
+  background-position: -48px -128px; }
+
+.ui-icon-minusthick {
+  background-position: -64px -128px; }
+
+.ui-icon-close {
+  background-position: -80px -128px; }
+
+.ui-icon-closethick {
+  background-position: -96px -128px; }
+
+.ui-icon-key {
+  background-position: -112px -128px; }
+
+.ui-icon-lightbulb {
+  background-position: -128px -128px; }
+
+.ui-icon-scissors {
+  background-position: -144px -128px; }
+
+.ui-icon-clipboard {
+  background-position: -160px -128px; }
+
+.ui-icon-copy {
+  background-position: -176px -128px; }
+
+.ui-icon-contact {
+  background-position: -192px -128px; }
+
+.ui-icon-image {
+  background-position: -208px -128px; }
+
+.ui-icon-video {
+  background-position: -224px -128px; }
+
+.ui-icon-script {
+  background-position: -240px -128px; }
+
+.ui-icon-alert {
+  background-position: 0 -144px; }
+
+.ui-icon-info {
+  background-position: -16px -144px; }
+
+.ui-icon-notice {
+  background-position: -32px -144px; }
+
+.ui-icon-help {
+  background-position: -48px -144px; }
+
+.ui-icon-check {
+  background-position: -64px -144px; }
+
+.ui-icon-bullet {
+  background-position: -80px -144px; }
+
+.ui-icon-radio-off {
+  background-position: -96px -144px; }
+
+.ui-icon-radio-on {
+  background-position: -112px -144px; }
+
+.ui-icon-pin-w {
+  background-position: -128px -144px; }
+
+.ui-icon-pin-s {
+  background-position: -144px -144px; }
+
+.ui-icon-play {
+  background-position: 0 -160px; }
+
+.ui-icon-pause {
+  background-position: -16px -160px; }
+
+.ui-icon-seek-next {
+  background-position: -32px -160px; }
+
+.ui-icon-seek-prev {
+  background-position: -48px -160px; }
+
+.ui-icon-seek-end {
+  background-position: -64px -160px; }
+
+.ui-icon-seek-start {
+  background-position: -80px -160px; }
+
+/*
+ * ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
+ */
+.ui-icon-seek-first {
+  background-position: -80px -160px; }
+
+.ui-icon-stop {
+  background-position: -96px -160px; }
+
+.ui-icon-eject {
+  background-position: -112px -160px; }
+
+.ui-icon-volume-off {
+  background-position: -128px -160px; }
+
+.ui-icon-volume-on {
+  background-position: -144px -160px; }
+
+.ui-icon-power {
+  background-position: 0 -176px; }
+
+.ui-icon-signal-diag {
+  background-position: -16px -176px; }
+
+.ui-icon-signal {
+  background-position: -32px -176px; }
+
+.ui-icon-battery-0 {
+  background-position: -48px -176px; }
+
+.ui-icon-battery-1 {
+  background-position: -64px -176px; }
+
+.ui-icon-battery-2 {
+  background-position: -80px -176px; }
+
+.ui-icon-battery-3 {
+  background-position: -96px -176px; }
+
+.ui-icon-circle-plus {
+  background-position: 0 -192px; }
+
+.ui-icon-circle-minus {
+  background-position: -16px -192px; }
+
+.ui-icon-circle-close {
+  background-position: -32px -192px; }
+
+.ui-icon-circle-triangle-e {
+  background-position: -48px -192px; }
+
+.ui-icon-circle-triangle-s {
+  background-position: -64px -192px; }
+
+.ui-icon-circle-triangle-w {
+  background-position: -80px -192px; }
+
+.ui-icon-circle-triangle-n {
+  background-position: -96px -192px; }
+
+.ui-icon-circle-arrow-e {
+  background-position: -112px -192px; }
+
+.ui-icon-circle-arrow-s {
+  background-position: -128px -192px; }
+
+.ui-icon-circle-arrow-w {
+  background-position: -144px -192px; }
+
+.ui-icon-circle-arrow-n {
+  background-position: -160px -192px; }
+
+.ui-icon-circle-zoomin {
+  background-position: -176px -192px; }
+
+.ui-icon-circle-zoomout {
+  background-position: -192px -192px; }
+
+.ui-icon-circle-check {
+  background-position: -208px -192px; }
+
+.ui-icon-circlesmall-plus {
+  background-position: 0 -208px; }
+
+.ui-icon-circlesmall-minus {
+  background-position: -16px -208px; }
+
+.ui-icon-circlesmall-close {
+  background-position: -32px -208px; }
+
+.ui-icon-squaresmall-plus {
+  background-position: -48px -208px; }
+
+.ui-icon-squaresmall-minus {
+  background-position: -64px -208px; }
+
+.ui-icon-squaresmall-close {
+  background-position: -80px -208px; }
+
+.ui-icon-grip-dotted-vertical {
+  background-position: 0 -224px; }
+
+.ui-icon-grip-dotted-horizontal {
+  background-position: -16px -224px; }
+
+.ui-icon-grip-solid-vertical {
+  background-position: -32px -224px; }
+
+.ui-icon-grip-solid-horizontal {
+  background-position: -48px -224px; }
+
+.ui-icon-gripsmall-diagonal-se {
+  background-position: -64px -224px; }
+
+.ui-icon-grip-diagonal-se {
+  background-position: -80px -224px; }
+
+/*
+ * Misc visuals
+ * *----------------------------------
+ */
+/*
+ * Corner radius
+ */
+.ui-corner-tl {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px; }
+
+.ui-corner-tr {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px; }
+
+.ui-corner-bl {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px; }
+
+.ui-corner-br {
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px; }
+
+.ui-corner-top {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px; }
+
+.ui-corner-bottom {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px; }
+
+.ui-corner-right {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px; }
+
+.ui-corner-left {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px; }
+
+.ui-corner-all {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px; }
+
+/*
+ * Overlays
+ */
+.ui-widget-overlay {
+  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+  opacity: 0.3;
+  filter: Alpha(Opacity = 30); }
+
+.ui-widget-shadow {
+  margin: -8px 0 0 -8px;
+  padding: 8px;
+  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+  opacity: 0.3;
+  filter: Alpha(Opacity = 30);
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px; }
+
+/*
+ * * * jQuery UI Resizable 1.8.7
+ * * *
+ * * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * * http://jquery.org/license
+ * * *
+ * * * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable {
+  position: relative; }
+
+.ui-resizable-handle {
+  position: absolute;
+  font-size: 0px;
+  z-index: 99999;
+  display: block; }
+
+.ui-resizable-autohide .ui-resizable-handle,
+.ui-resizable-disabled .ui-resizable-handle {
+  display: none; }
+
+.ui-resizable-n {
+  cursor: n-resize;
+  height: 7px;
+  width: 100%;
+  top: -5px;
+  left: 0; }
+
+.ui-resizable-s {
+  cursor: s-resize;
+  height: 7px;
+  width: 100%;
+  bottom: -5px;
+  left: 0; }
+
+.ui-resizable-e {
+  cursor: e-resize;
+  width: 7px;
+  right: -5px;
+  top: 0;
+  height: 100%; }
+
+.ui-resizable-w {
+  cursor: w-resize;
+  width: 7px;
+  left: -5px;
+  top: 0;
+  height: 100%; }
+
+.ui-resizable-se {
+  cursor: se-resize;
+  width: 12px;
+  height: 12px;
+  right: 1px;
+  bottom: 1px; }
+
+.ui-resizable-sw {
+  cursor: sw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  bottom: -5px; }
+
+.ui-resizable-nw {
+  cursor: nw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  top: -5px; }
+
+.ui-resizable-ne {
+  cursor: ne-resize;
+  width: 9px;
+  height: 9px;
+  right: -5px;
+  top: -5px; }
+
+/*
+ * * * jQuery UI Selectable 1.8.7
+ * * *
+ * * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * * http://jquery.org/license
+ * * *
+ * * * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper {
+  position: absolute;
+  z-index: 100;
+  border: 1px dotted black; }
+
+/*
+ * * jQuery UI Accordion 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Accordion#theming
+ */
+/*
+ * IE/Win - Fix animation bug - #4615
+ */
+.ui-accordion {
+  width: 100%; }
+    .ui-accordion .ui-accordion-header {
+      cursor: pointer;
+      position: relative;
+      margin-top: 1px;
+      zoom: 1; }
+    .ui-accordion .ui-accordion-li-fix {
+      display: inline; }
+    .ui-accordion .ui-accordion-header-active {
+      border-bottom: 0 !important; }
+    .ui-accordion .ui-accordion-header a {
+      display: block;
+      font-size: 1em;
+      padding: 0.5em 0.5em 0.5em 0.7em; }
+
+.ui-accordion-icons .ui-accordion-header a {
+  padding-left: 2.2em; }
+
+    .ui-accordion .ui-accordion-header .ui-icon {
+      position: absolute;
+      left: 0.5em;
+      top: 50%;
+      margin-top: -8px; }
+    .ui-accordion .ui-accordion-content {
+      padding: 1em 2.2em;
+      border-top: 0;
+      margin-top: -2px;
+      position: relative;
+      top: 1px;
+      margin-bottom: 2px;
+      overflow: auto;
+      display: none;
+      zoom: 1; }
+    .ui-accordion .ui-accordion-content-active {
+      display: block; }
+
+/*
+ * * * jQuery UI Autocomplete 1.8.7
+ * * *
+ * * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * * http://jquery.org/license
+ * * *
+ * * * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete {
+  position: absolute;
+  cursor: default; }
+
+/*
+ * workarounds
+ */
+* html .ui-autocomplete {
+  width: 1px; }
+
+/*
+ * without this, the menu expands to 100% in IE6
+ */
+/*
+ * * jQuery UI Menu 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+  list-style: none;
+  padding: 2px;
+  margin: 0;
+  display: block;
+  float: left; }
+    .ui-menu .ui-menu {
+      margin-top: -3px; }
+    .ui-menu .ui-menu-item {
+      margin: 0;
+      padding: 0;
+      zoom: 1;
+      float: left;
+      clear: left;
+      width: 100%; }
+        .ui-menu .ui-menu-item a {
+          text-decoration: none;
+          display: block;
+          padding: 0.2em 0.4em;
+          line-height: 1.5;
+          zoom: 1; }
+            .ui-menu .ui-menu-item a.ui-state-active,
+            .ui-menu .ui-menu-item a.ui-state-hover {
+              font-weight: normal;
+              margin: -1px; }
+
+/*
+ * * jQuery UI Button 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button {
+  display: inline-block;
+  position: relative;
+  padding: 0;
+  margin-right: 0.1em;
+  text-decoration: none !important;
+  cursor: pointer;
+  text-align: center;
+  zoom: 1;
+  overflow: visible; }
+
+/*
+ * the overflow property removes extra width in IE
+ */
+.ui-button-icon-only {
+  width: 2.2em; }
+
+/*
+ * to make room for the icon, a width needs to be set here
+ */
+button.ui-button-icon-only {
+  width: 2.4em; }
+
+/*
+ * button elements seem to need a little more width
+ */
+.ui-button-icons-only {
+  width: 3.4em; }
+
+button.ui-button-icons-only {
+  width: 3.7em; }
+
+/*
+ * button text element
+ */
+.ui-button .ui-button-text {
+  display: block;
+  line-height: 1.4; }
+
+.ui-button-text-only .ui-button-text {
+  padding: 0.4em 1em; }
+
+.ui-button-icon-only .ui-button-text,
+.ui-button-icons-only .ui-button-text {
+  padding: 0.4em;
+  text-indent: -9999999px; }
+
+.ui-button-text-icon-primary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+  padding: 0.4em 1em 0.4em 2.1em; }
+
+.ui-button-text-icon-secondary .ui-button-text {
+  padding: 0.4em 2.1em 0.4em 1em; }
+
+.ui-button-text-icons .ui-button-text {
+  padding: 0.4em 2.1em 0.4em 1em;
+  padding-left: 2.1em;
+  padding-right: 2.1em; }
+
+/*
+ * no icon support for input elements, provide padding by default
+ */
+input.ui-button {
+  padding: 0.4em 1em; }
+
+/*
+ * button icon element(s)
+ */
+.ui-button-icon-only .ui-icon,
+.ui-button-icons-only .ui-icon,
+.ui-button-text-icon-primary .ui-icon,
+.ui-button-text-icon-secondary .ui-icon,
+.ui-button-text-icons .ui-icon {
+  position: absolute;
+  top: 50%;
+  margin-top: -8px; }
+
+.ui-button-icon-only .ui-icon {
+  left: 50%;
+  margin-left: -8px; }
+
+.ui-button-icons-only .ui-button-icon-primary,
+.ui-button-text-icon-primary .ui-button-icon-primary,
+.ui-button-text-icons .ui-button-icon-primary {
+  left: 0.5em; }
+
+.ui-button-icons-only .ui-button-icon-secondary,
+.ui-button-icons-only .ui-button-icon-secondary,
+.ui-button-text-icon-secondary .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary {
+  right: 0.5em; }
+
+/*
+ * button sets
+ */
+.ui-buttonset {
+  margin-right: 7px; }
+    .ui-buttonset .ui-button {
+      margin-left: 0;
+      margin-right: -0.3em; }
+
+/*
+ * workarounds
+ */
+/*
+ * reset extra padding in Firefox
+ */
+/*
+ * * jQuery UI Dialog 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog {
+  position: absolute;
+  padding: 0.2em;
+  width: 300px;
+  overflow: hidden; }
+    .ui-dialog .ui-dialog-titlebar {
+      padding: 0.5em 1em 0.3em;
+      position: relative; }
+    .ui-dialog .ui-dialog-title {
+      float: left;
+      margin: 0.1em 16px 0.2em 0; }
+    .ui-dialog .ui-dialog-titlebar-close {
+      position: absolute;
+      right: 0.3em;
+      top: 50%;
+      width: 19px;
+      margin: -10px 0 0 0;
+      padding: 1px;
+      height: 18px; }
+        .ui-dialog .ui-dialog-titlebar-close span {
+          display: block;
+          margin: 1px; }
+        .ui-dialog .ui-dialog-titlebar-close:focus,
+        .ui-dialog .ui-dialog-titlebar-close:hover {
+          padding: 0; }
+    .ui-dialog .ui-dialog-content {
+      position: relative;
+      border: 0;
+      padding: 0.5em 1em;
+      background: none;
+      overflow: auto;
+      zoom: 1; }
+    .ui-dialog .ui-dialog-buttonpane {
+      text-align: left;
+      border-width: 1px 0 0 0;
+      background-image: none;
+      margin: 0.5em 0 0 0;
+      padding: 0.3em 1em 0.5em 0.4em; }
+        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+          float: right; }
+        .ui-dialog .ui-dialog-buttonpane button {
+          margin: 0.5em 0.4em 0.5em 0;
+          cursor: pointer; }
+    .ui-dialog .ui-resizable-se {
+      width: 14px;
+      height: 14px;
+      right: 3px;
+      bottom: 3px; }
+
+.ui-draggable .ui-dialog-titlebar {
+  cursor: move; }
+
+/*
+ * * jQuery UI Slider 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider {
+  position: relative;
+  text-align: left; }
+    .ui-slider .ui-slider-handle {
+      position: absolute;
+      z-index: 2;
+      width: 1.2em;
+      height: 1.2em;
+      cursor: default; }
+    .ui-slider .ui-slider-range {
+      position: absolute;
+      z-index: 1;
+      font-size: 0.7em;
+      display: block;
+      border: 0;
+      background-position: 0 0; }
+
+.ui-slider-horizontal {
+  height: 0.8em; }
+    .ui-slider-horizontal .ui-slider-handle {
+      top: -0.3em;
+      margin-left: -0.6em; }
+    .ui-slider-horizontal .ui-slider-range {
+      top: 0;
+      height: 100%; }
+    .ui-slider-horizontal .ui-slider-range-min {
+      left: 0; }
+    .ui-slider-horizontal .ui-slider-range-max {
+      right: 0; }
+
+.ui-slider-vertical {
+  width: 0.8em;
+  height: 100px; }
+    .ui-slider-vertical .ui-slider-handle {
+      left: -0.3em;
+      margin-left: 0;
+      margin-bottom: -0.6em; }
+    .ui-slider-vertical .ui-slider-range {
+      left: 0;
+      width: 100%; }
+    .ui-slider-vertical .ui-slider-range-min {
+      bottom: 0; }
+    .ui-slider-vertical .ui-slider-range-max {
+      top: 0; }
+
+/*
+ * * * jQuery UI Tabs 1.8.7
+ * * *
+ * * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * * http://jquery.org/license
+ * * *
+ * * * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs {
+  position: relative;
+  padding: 0.2em;
+  zoom: 1; }
+    .ui-tabs .ui-tabs-nav {
+      margin: 0;
+      padding: 0.2em 0.2em 0; }
+        .ui-tabs .ui-tabs-nav li {
+          list-style: none;
+          float: left;
+          position: relative;
+          top: 1px;
+          margin: 0 0.2em 1px 0;
+          border-bottom: 0 !important;
+          padding: 0;
+          white-space: nowrap; }
+            .ui-tabs .ui-tabs-nav li a {
+              float: left;
+              padding: 0.5em 1em;
+              text-decoration: none; }
+            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+              margin-bottom: 0;
+              padding-bottom: 1px; }
+                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+                  cursor: text; }
+            .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
+            .ui-tabs .ui-tabs-nav li.ui-state-processing a {
+              cursor: text; }
+            .ui-tabs .ui-tabs-nav li a {
+              cursor: pointer; }
+    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
+      cursor: pointer; }
+    .ui-tabs .ui-tabs-panel {
+      display: block;
+      border-width: 0;
+      padding: 1em 1.4em;
+      background: none; }
+    .ui-tabs .ui-tabs-hide {
+      display: none !important; }
+
+/*
+ * position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
+ */
+/*
+ * first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
+ */
+/*
+ * * jQuery UI Datepicker 1.8.7
+ * *
+ * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * * Dual licensed under the MIT or GPL Version 2 licenses.
+ * * http://jquery.org/license
+ * *
+ * * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker {
+  width: 17em;
+  padding: 0.2em 0.2em 0;
+  display: none; }
+    .ui-datepicker .ui-datepicker-header {
+      position: relative;
+      padding: 0.2em 0; }
+    .ui-datepicker .ui-datepicker-next,
+    .ui-datepicker .ui-datepicker-prev {
+      position: absolute;
+      top: 2px;
+      width: 1.8em;
+      height: 1.8em; }
+    .ui-datepicker .ui-datepicker-next-hover,
+    .ui-datepicker .ui-datepicker-prev-hover {
+      top: 1px; }
+    .ui-datepicker .ui-datepicker-prev {
+      left: 2px; }
+    .ui-datepicker .ui-datepicker-next {
+      right: 2px; }
+    .ui-datepicker .ui-datepicker-prev-hover {
+      left: 1px; }
+    .ui-datepicker .ui-datepicker-next-hover {
+      right: 1px; }
+    .ui-datepicker .ui-datepicker-next span,
+    .ui-datepicker .ui-datepicker-prev span {
+      display: block;
+      position: absolute;
+      left: 50%;
+      margin-left: -8px;
+      top: 50%;
+      margin-top: -8px; }
+    .ui-datepicker .ui-datepicker-title {
+      margin: 0 2.3em;
+      line-height: 1.8em;
+      text-align: center; }
+        .ui-datepicker .ui-datepicker-title select {
+          font-size: 1em;
+          margin: 1px 0; }
+        .ui-datepicker select.ui-datepicker-month-year {
+          width: 100%; }
+        .ui-datepicker select.ui-datepicker-month,
+        .ui-datepicker select.ui-datepicker-year {
+          width: 49%; }
+    .ui-datepicker table {
+      width: 100%;
+      font-size: 0.9em;
+      border-collapse: collapse;
+      margin: 0 0 0.4em; }
+    .ui-datepicker th {
+      padding: 0.7em 0.3em;
+      text-align: center;
+      font-weight: bold;
+      border: 0; }
+    .ui-datepicker td {
+      border: 0;
+      padding: 1px; }
+        .ui-datepicker td a,
+        .ui-datepicker td span {
+          display: block;
+          padding: 0.2em;
+          text-align: right;
+          text-decoration: none; }
+    .ui-datepicker .ui-datepicker-buttonpane {
+      background-image: none;
+      margin: 0.7em 0 0 0;
+      padding: 0 0.2em;
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+        .ui-datepicker .ui-datepicker-buttonpane button {
+          float: right;
+          margin: 0.5em 0.2em 0.4em;
+          cursor: pointer;
+          padding: 0.2em 0.6em 0.3em 0.6em;
+          width: auto;
+          overflow: visible; }
+            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+              float: left; }
+    .ui-datepicker.ui-datepicker-multi {
+      width: auto; }
+
+/*
+ * with multiple calendars
+ */
+.ui-datepicker-multi .ui-datepicker-group {
+  float: left; }
+    .ui-datepicker-multi .ui-datepicker-group table {
+      width: 95%;
+      margin: 0 auto 0.4em; }
+
+.ui-datepicker-multi-2 .ui-datepicker-group {
+  width: 50%; }
+
+.ui-datepicker-multi-3 .ui-datepicker-group {
+  width: 33.3%; }
+
+.ui-datepicker-multi-4 .ui-datepicker-group {
+  width: 25%; }
+
+    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+      border-left-width: 0; }
+    .ui-datepicker-multi .ui-datepicker-buttonpane {
+      clear: left; }
+
+.ui-datepicker-row-break {
+  clear: both;
+  width: 100%; }
+
+/*
+ * RTL support
+ */
+.ui-datepicker-rtl {
+  direction: rtl; }
+    .ui-datepicker-rtl .ui-datepicker-prev {
+      right: 2px;
+      left: auto; }
+    .ui-datepicker-rtl .ui-datepicker-next {
+      left: 2px;
+      right: auto; }
+    .ui-datepicker-rtl .ui-datepicker-prev:hover {
+      right: 1px;
+      left: auto; }
+    .ui-datepicker-rtl .ui-datepicker-next:hover {
+      left: 1px;
+      right: auto; }
+    .ui-datepicker-rtl .ui-datepicker-buttonpane {
+      clear: right; }
+        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
+          float: left; }
+            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
+              float: right; }
+    .ui-datepicker-rtl .ui-datepicker-group {
+      float: right; }
+    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+      border-right-width: 0;
+      border-left-width: 1px; }
+
+/*
+ * IE6 IFRAME FIX (taken from datepicker 1.5.3
+ */
+.ui-datepicker-cover {
+  display: none;
+      /*
+     * sorry for IE5
+     */
+  display/**/: block;
+      /*
+     * sorry for IE5
+     */
+  position: absolute;
+      /*
+     * must have
+     */
+  z-index: -1;
+      /*
+     * must have
+     */
+  filter: mask();
+      /*
+     * must have
+     */
+  top: -4px;
+      /*
+     * must have
+     */
+  left: -4px;
+      /*
+     * must have
+     */
+  width: 200px;
+      /*
+     * must have
+     */
+  height: 200px;
+      /*
+     * must have
+     */ }
+
+/*
+ * ** jQuery UI Progressbar 1.8.7
+ * **
+ * ** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * ** Dual licensed under the MIT or GPL Version 2 licenses.
+ * ** http://jquery.org/license
+ * **
+ * ** http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar {
+  height: 2em;
+  text-align: left; }
+    .ui-progressbar .ui-progressbar-value {
+      margin: -1px;
+      height: 100%; }
+
+body {
+  background: #aaaaaa; }
+
diff --git a/webroot/ccss/backend.sass b/webroot/ccss/backend.sass
new file mode 100644
index 00000000..ce7e85dd
--- /dev/null
+++ b/webroot/ccss/backend.sass
@@ -0,0 +1,25 @@
+$backgroundColor: #aaa
+$headerBackgroundColor: #080
+$sidebarBackgroundColor: #fff
+$contentBackgroundColor: #fff
+$footerBackgroundColor: #888
+
+$linkColor: #44f
+
+$menuColor: #000
+$menuBackgroundColor: darken(#fff, 5%)
+$menuActiveColor: #fff
+$menuActiveBackgroundColor: #579
+$menuHoverColor: #303
+$menuHoverBackgroundColor: #79b
+
+
+@import backend/text
+@import backend/layout
+@import backend/menu
+@import backend/form
+@import backend/table
+@import jquery_ui
+
+body
+  background: $backgroundColor
diff --git a/webroot/ccss/backend/_form.sass b/webroot/ccss/backend/_form.sass
new file mode 100644
index 00000000..73816f32
--- /dev/null
+++ b/webroot/ccss/backend/_form.sass
@@ -0,0 +1,106 @@
+@import grid
+@import gradient
+@import border-radius
+
+=default-input
+  +border-radius(3px)
+  border: #aaa 1px solid
+  padding: 5px
+  background-color: #efefef
+  &:hover
+    border: #999 1px solid
+    background-color: #ffd
+  &:focus
+    border: #a00 1px solid
+    background-color: #ffd
+
+=default-button
+  border: 1px solid #aaa
+  +border-radius(2px)
+  padding: 5px 15px
+  color: #666
+  background-color: #efefef
+  &:hover
+    cursor:pointer
+    background-color: $menuActiveBackgroundColor
+    color: white
+    border-color: darken($menuActiveBackgroundColor, 20%)
+
+form
+  overflow: hidden
+  width: 710px
+  margin: 15px 0
+  fieldset
+    padding: 15px 0
+    border: 0
+    legend
+      font-family: Ubuntu-bold
+      width: 81.5%
+      border-bottom: 1px solid darken(white, 10%)
+    div.input
+      padding: 5px 0
+      position: relative
+      display: block
+      width: 100%
+      > label
+        display: inline
+        float: left
+        width: 30%
+      input[type=text],
+      input[type=email],
+      input[type=password],
+      textarea
+        width: 50%
+        +default-input
+      select
+        width: 51.5%
+        +default-input
+      &.select
+        div.checkbox
+          margin-left: 30%
+          input[type=checkbox]
+            margin-right: 5px
+      &.checkbox
+        input[type=checkbox]
+          margin-left: 30%
+          margin-right: 5px
+        label
+          float: none
+          display: inline-block
+          width: 50%
+      .radioSet
+        margin: 3px 0
+        input[type=radio]
+          display: none
+        label
+          padding: 5px 10px
+          border: 1px solid #aaa
+          color: #666
+          background-color: #efefef
+          &:hover
+            cursor:pointer
+        input[type=radio]:checked + label
+          color: white
+          background-color: $menuActiveBackgroundColor
+          border-color: darken($menuActiveBackgroundColor, 20%)
+      .error-message, .description
+        padding-left: 30%
+      &.error
+        background-color: #faa
+  ul.buttons
+    margin-left: 30%
+    > li
+      display: inline-block
+      margin-right: 10px
+      > input
+        +default-button
+  div.submit
+    padding-left: 30%
+    input
+      +default-button
+  div.submit-list
+    input
+      margin-right: 5px
+      +default-button
+a.button
+  +default-button
diff --git a/webroot/ccss/backend/_layout.sass b/webroot/ccss/backend/_layout.sass
new file mode 100644
index 00000000..bdf2374b
--- /dev/null
+++ b/webroot/ccss/backend/_layout.sass
@@ -0,0 +1,78 @@
+@import border-radius
+@import grid
+@import "compass/css3/gradient"
+@import text-shadow
+@import box-shadow
+
+*
+  margin: 0
+  padding: 0
+
+#page
+  @include container
+
+#header
+  +column(24, true)
+  background-color: $headerBackgroundColor
+  +linear-gradient(color-stops($headerBackgroundColor, darken($headerBackgroundColor, 20%)))
+  border: 1px solid $headerBackgroundColor
+  > .sub
+    padding: 15px
+    h1
+      display: inline-block;
+      a
+        font-size: 200%
+        font-weight: bold
+        +text-shadow(black, 0, 2px, 0)
+        color: white
+        &:hover
+          color: white
+          background-color: inherit
+        &:visited
+          color: white
+          background-color: inherit
+    span
+      display: inline-block;
+      color: white;
+
+#main
+  +column(24, true)
+  background-color: $contentBackgroundColor
+  #sidebar
+    +column(6)
+    background-color: $sidebarBackgroundColor
+
+  #content
+    +column(18, true)
+    @include border-top-right-radius(10px)
+    background-color: $contentBackgroundColor
+    > h1
+      display: block
+      width: 100%
+      font-size: 120%
+      padding: 10px 0
+      background-color: darken($contentBackgroundColor, 10%)
+
+#footer
+  +column(24, true)
+  background-color: $footerBackgroundColor
+  p
+    padding: 5px
+
+.box
+  position: relative
+  > h1
+    font-size: 120%
+    padding: 5px
+    background-color: #eee
+    color: #444
+    +text-shadow(white, 1px, 0px, 0)
+
+.info,
+.message
+  display: block
+  margin: 5px 0
+  padding: 10px
+  background-color: #ffffb0
+  border: 1px solid #ffdc1c
+  +border-radius(2px)
diff --git a/webroot/ccss/backend/_menu.sass b/webroot/ccss/backend/_menu.sass
new file mode 100644
index 00000000..68216bf3
--- /dev/null
+++ b/webroot/ccss/backend/_menu.sass
@@ -0,0 +1,41 @@
+@import grid
+
+#sidebar > .box
+  margin: 5px 0
+  overflow: hidden
+  > ul
+    display: block
+  ul 
+    display: block
+    list-style-type: none
+  li > a
+    display: block
+    padding: 5px
+    color: $menuColor
+    &:hover
+      color: $menuHoverColor
+      background-color: $menuHoverBackgroundColor
+  li > .active
+    display: block
+    color: $menuActiveColor
+    background-color: $menuActiveBackgroundColor
+  > ul > li > ul
+    margin-bottom: 5px
+    > li
+      > .active
+        width: 205px
+        padding-left: 20px
+        background-color: lighten($menuActiveBackgroundColor, 10%)
+      > a
+        padding-left: 20px
+        width: 205px
+      > ul > li 
+        > .active
+          width: 185px
+          padding-left: 40px
+          background-color: lighten($menuActiveBackgroundColor, 20%)
+        > a
+          width: 185px
+          padding-left: 40px
+    
+
diff --git a/webroot/ccss/backend/_table.sass b/webroot/ccss/backend/_table.sass
new file mode 100644
index 00000000..eb47aad7
--- /dev/null
+++ b/webroot/ccss/backend/_table.sass
@@ -0,0 +1,27 @@
+@import text-shadow
+
+table.default
+  padding: 5px 0
+  width: 100%
+  border-collapse: separate
+  border-spacing: 0
+  border: 0
+  thead tr th
+    padding: 3px
+    background: #ccc
+    +text-shadow(white, 1px, 0)
+    font-weight: none
+    text-align: left
+  tbody tr
+    &.odd td
+      background: #eee
+    &.even td
+      background: #fff
+    &.selected td
+      background: lighten($menuHoverBackgroundColor, 10%)
+    &:hover td
+      background: $menuHoverBackgroundColor
+    td
+      padding: 3px
+      border-bottom: 1px solid #eee
+
diff --git a/webroot/ccss/backend/_text.sass b/webroot/ccss/backend/_text.sass
new file mode 100644
index 00000000..9e94ffab
--- /dev/null
+++ b/webroot/ccss/backend/_text.sass
@@ -0,0 +1,39 @@
+@import font-face
++font-face(Ubuntu, font-files("ubuntu/ubuntu-r-webfont.woff", "woff", "ubuntu/ubuntu-r-webfont.ttf", "truetype"), "ubuntu/ubuntu-r-webfont.eot")
++font-face(Ubuntu-bold, font-files("ubuntu/ubuntu-b-webfont.woff", "woff", "ubuntu/ubuntu-b-webfont.ttf", "truetype"), "ubuntu/ubuntu-b-webfont.eot")
++font-face(Cousine, font-files("cousine/cousine-regular-latin-webfont.woff", "woff", "cousine/cousine-regular-latin-webfont.ttf", "truetype"), "cousine/cousine-regular-latin-webfont.eot")
+
+*
+  font-size: 10pt
+  font-weight: normal
+  text-decoration: none
+  font-family: Ubuntu, Verdana, sans
+a
+  color: $linkColor
+
+  &:hover
+    color: darken($linkColor, 30%)
+  &:visited
+    color: darken($linkColor, 10%)
+
+img
+  border: none
+
+ul, ol
+  list-style-type: none
+
+p
+  padding: 5px 0
+code
+  font-family: Cousine
+  font-size: 10pt
+  background-color: darken(white, 10%)
+  color: lighten(black, 20%)
+
+#content 
+  h2, 
+  h3
+    font-family: Ubuntu-bold
+    padding: 10px 0
+  ul li
+    padding: 5px 0
diff --git a/webroot/ccss/breadcrumb.css b/webroot/ccss/breadcrumb.css
new file mode 100644
index 00000000..8e72d510
--- /dev/null
+++ b/webroot/ccss/breadcrumb.css
@@ -0,0 +1,63 @@
+ul.p-breadcrumb {
+  width: 100%;
+  margin: 0px;
+  padding: 4px;
+  background-color: #019801;
+}
+ul.p-breadcrumb li,
+ul.p-breadcrumb li ul.p-breadcrumb-list,
+ul.p-breadcrumb li ul.p-breadcrumb-list li,
+ul.p-breadcrumb li form input,
+ul.p-breadcrumb li form {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  list-style-type: none;
+  vertical-align:middle;
+}
+ul.p-breadcrumb > li,
+ul.p-breadcrumb > li > ul.p-breadcrumb-list > li {
+  padding: 0 2px;
+  height: 20px;
+}
+ul.p-breadcrumb li ul.p-breadcrumb-list li {
+  background-color: #eee;
+}
+ul.p-breadcrumb li.p-breadcrumb-header {
+  font-weight: bold;
+  background-color: #182E7A;
+  color: white;
+  padding: 0 7px;
+}
+ul.p-breadcrumb li ul.p-breadcrumb-list li:hover {
+  background-color:#f63; 
+} 
+ul.p-breadcrumb li ul.p-breadcrumb-list li:hover a {
+  color: #fff;
+} 
+ul.p-breadcrumb li ul.p-breadcrumb-list li a.p-breadcrumb-exclude {
+  color: red;
+}
+ul.p-breadcrumb li ul.p-breadcrumb-list li a.p-breadcrumb-remove span {
+  display: none;
+}
+ul.p-breadcrumb li ul.p-breadcrumb-list li a.p-breadcrumb-remove {
+  background-image: url('../img/button-close.png');
+  background-repeat:no-repeat;
+  background-position: center;
+  vertical-align:middle;
+  width: 15px;
+  padding: 0 10px;
+}
+ul.p-breadcrumb li ul.p-breadcrumb-list li a.p-breadcrumb-remove:hover {
+  background-image: url('../img/button-close-hover.png');
+}
+ul.p-breadcrumb li form input[type=text] {
+  height: 18px;
+  width: 120px;
+}
+ul.p-breadcrumb li form input[type=submit] {
+  height: 20px;
+  padding: 0 7px;
+}
+
diff --git a/webroot/ccss/cake.generic.css b/webroot/ccss/cake.generic.css
new file mode 100644
index 00000000..a5dee037
--- /dev/null
+++ b/webroot/ccss/cake.generic.css
@@ -0,0 +1,478 @@
+/* SVN FILE: $Id$ */
+/**
+ *
+ * PHP versions 4 and 5
+ *
+ * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
+ * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
+ *
+ * Licensed under The MIT License
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
+ * @link          http://cakephp.org CakePHP(tm) Project
+ * @package       cake
+ * @subpackage    cake.app.webroot.css
+ * @since         CakePHP(tm)
+ * @version       $Revision$
+ * @modifiedby    $LastChangedBy$
+ * @lastmodified  $Date$
+ * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
+ */
+
+* {
+	margin:0;
+	padding:0;
+}
+
+/* General Style Info */
+body {
+	background: #003d4c;
+	color: #fff;
+	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
+	font-size:90%;
+	margin: 0;
+}
+a {
+	background:#fff;
+	color: #003d4c;
+	text-decoration: underline;
+	font-weight: bold;
+}
+a:hover {
+	background:#fff;
+	color: #003d4c;
+	text-decoration:none;
+}
+a img {
+	border:none;
+}
+h1, h2, h3, h4 {
+	font-weight: normal;
+}
+h1 {
+	background:#fff;
+	color: #003d4c;
+	font-size: 100%;
+	margin: 0.1em 0;
+}
+h2 {
+	background:#fff;
+	color: #e32;
+	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
+	font-size: 190%;
+	margin: 0.3em 0;
+	padding-top: 0.8em;
+}
+h3 {
+	color: #993;
+	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
+	font-size: 165%;
+	padding-top: 1.5em;
+}
+h4 {
+	color: #993;
+	font-weight: normal;
+	padding-top: 0.5em;
+}
+ul, li {
+	margin: 0 12px;
+}
+
+/* Layout */
+#container {
+	text-align: left;
+}
+
+#header{
+	padding: 10px 20px;
+}
+#header h1 {
+	background: #003d4c url('../img/cake.icon.gif') no-repeat left;
+	color: #fff;
+	padding: 0px 30px;
+}
+#header h1 a {
+	color: #fff;
+	background: #003d4c;
+	font-weight: normal;
+	text-decoration: none;
+}
+#header h1 a:hover {
+	color: #fff;
+	background: #003d4c;
+	text-decoration: underline;
+}
+#content{
+	background: #fff;
+	clear: both;
+	color: #333;
+	padding: 10px 20px 40px 20px;
+	overflow: auto;
+}
+#footer {
+	clear: both;
+	padding: 6px 10px;
+	text-align: right;
+}
+
+/* Tables */
+table {
+	background: #fff;
+	border:1px solid #ccc;
+	border-right:0;
+	clear: both;
+	color: #333;
+	margin-bottom: 10px;
+	width: 100%;
+}
+th {
+	background: #f2f2f2;
+	border:1px solid #bbb;
+	border-top: 1px solid #fff;
+	border-left: 1px solid #fff;
+	text-align: center;
+}
+th a {
+	background:#f2f2f2;
+	display: block;
+	padding: 2px 4px;
+	text-decoration: none;
+}
+th a:hover {
+	background: #ccc;
+	color: #333;
+	text-decoration: none;
+}
+table tr td {
+	background: #fff;
+	border-right: 1px solid #ccc;
+	padding: 4px;
+	text-align: center;
+	vertical-align: top;
+}
+table tr.altrow td {
+	background: #f4f4f4;
+}
+td.actions {
+	text-align: center;
+	white-space: nowrap;
+}
+td.actions a {
+	margin: 0px 6px;
+}
+.cake-sql-log table {
+	background: #f4f4f4;
+}
+.cake-sql-log td {
+	padding: 4px 8px;
+	text-align: left;
+}
+
+/* Paging */
+div.paging {
+	background:#fff;
+	color: #ccc;
+	margin-bottom: 2em;
+}
+div.paging div.disabled {
+	color: #ddd;
+	display: inline;
+}
+div.paging span {
+}
+div.paging span.current {
+	color: #000;
+}
+div.paging span a {
+}
+
+/* Scaffold View */
+dl {
+	line-height: 2em;
+	margin: 0em 0em;
+	width: 60%;
+}
+dl .altrow {
+	background: #f4f4f4;
+}
+dt {
+	font-weight: bold;
+	padding-left: 4px;
+	vertical-align: top;
+}
+dd {
+	margin-left: 10em;
+	margin-top: -2em;
+	vertical-align: top;
+}
+
+/* Forms */
+form {
+	clear: both;
+	margin-right: 20px;
+	padding: 0;
+	width: 80%;
+}
+fieldset {
+	border: 1px solid #ccc;
+	margin-top: 30px;
+	padding: 16px 20px;
+}
+fieldset legend {
+	background:#fff;
+	color: #e32;
+	font-size: 160%;
+	font-weight: bold;
+}
+fieldset fieldset {
+	margin-top: 0px;
+	margin-bottom: 20px;
+	padding: 16px 10px;
+}
+fieldset fieldset legend {
+	font-size: 120%;
+	font-weight: normal;
+}
+fieldset fieldset div {
+	clear: left;
+	margin: 0 20px;
+}
+form div {
+	clear: both;
+	margin-bottom: 1em;
+	padding: .5em;
+	vertical-align: text-top;
+}
+form div.input {
+	color: #444;
+}
+form div.required {
+	color: #333;
+	font-weight: bold;
+}
+form div.submit {
+	border: 0;
+	clear: both;
+	margin-top: 10px;
+	margin-left: 140px;
+}
+label {
+	display: block;
+	font-size: 110%;
+	padding-right: 20px;
+}
+input, textarea {
+	clear: both;
+	font-size: 140%;
+	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
+	padding: 2px;
+	width: 100%;
+}
+select {
+	clear: both;
+	font-size: 120%;
+	vertical-align: text-bottom;
+}
+select[multiple=multiple] {
+	width: 100%;
+}
+option {
+	font-size: 120%;
+	padding: 0 3px;
+}
+input[type=checkbox] {
+	clear: left;
+	float: left;
+	margin: 0px 6px 7px 2px;
+	width: auto;
+}
+input[type=radio] {
+	float:left;
+	width:auto;
+	margin: 0 3px 7px 0;
+}
+div.radio label {
+	margin: 0 0 6px 20px;
+}
+input[type=submit] {
+	display: inline;
+	font-size: 110%;
+	padding: 2px 5px;
+	width: auto;
+	vertical-align: bottom;
+}
+
+/* Notices and Errors */
+div.message {
+	clear: both;
+	color: #900;
+	font-size: 140%;
+	font-weight: bold;
+	margin: 1em 0;
+}
+div.error-message {
+	clear: both;
+	color: #900;
+	font-weight: bold;
+}
+p.error {
+	background-color: #e32;
+	color: #fff;
+	font-family: Courier, monospace;
+	font-size: 120%;
+	line-height: 140%;
+	padding: 0.8em;
+	margin: 1em 0;
+}
+p.error em {
+	color: #000;
+	font-weight: normal;
+	line-height: 140%;
+}
+.notice {
+	background: #ffcc00;
+	color: #000;
+	display: block;
+	font-family: Courier, monospace;
+	font-size: 120%;
+	line-height: 140%;
+	padding: 0.8em;
+	margin: 1em 0;
+}
+.success {
+	background: green;
+	color: #fff;
+}
+
+/*  Actions  */
+div.actions ul {
+	margin: 0px 0;
+	padding: 0;
+}
+div.actions li {
+	display: inline;
+	list-style-type: none;
+	line-height: 2em;
+	margin: 0 2em 0 0;
+	white-space: nowrap;
+}
+div.actions ul li a {
+	background:#fff;
+	color: #003d4c;
+	text-decoration: none;
+}
+div.actions ul li a:hover {
+	color: #333;
+	text-decoration: underline;
+}
+
+/* Related */
+div.related {
+	clear: both;
+	display: block;
+}
+
+/* Debugging */
+pre {
+	color: #000;
+	background: #f0f0f0;
+	padding: 1em;
+}
+pre.cake-debug {
+	background: #ffcc00;
+	font-size: 120%;
+	line-height: 140%;
+	margin-top: 1em;
+	overflow: auto;
+	position: relative;
+}
+div.cake-stack-trace {
+	background: #fff;
+	border: 4px dotted #ffcc00;
+	color: #333;
+	margin: 0px;
+	padding: 6px;
+	font-size: 120%;
+	line-height: 140%;
+	overflow: auto;
+	position: relative;
+}
+div.cake-code-dump pre {
+	position: relative;
+	overflow: auto;
+}
+div.cake-stack-trace pre, div.cake-code-dump pre {
+	color: #000;
+	background-color: #F0F0F0;
+	margin: 0px;
+	padding: 1em;
+	overflow: auto;
+}
+div.cake-code-dump pre, div.cake-code-dump pre code {
+	clear: both;
+	font-size: 12px;
+	line-height: 15px;
+	margin: 4px 2px;
+	padding: 4px;
+	overflow: auto;
+}
+div.cake-code-dump span.code-highlight {
+	background-color: #ff0;
+	padding: 4px;
+}
+div.code-coverage-results div.code-line {
+	padding-left:5px;
+	display:block;
+	margin-left:10px;
+}
+div.code-coverage-results div.uncovered span.content {
+	background:#ecc;
+}
+div.code-coverage-results div.covered span.content {
+	background:#cec;
+}
+div.code-coverage-results div.ignored span.content {
+	color:#aaa;
+}
+div.code-coverage-results span.line-num {
+	color:#666;
+	display:block;
+	float:left;
+	width:20px;
+	text-align:right;
+	margin-right:5px;
+}
+div.code-coverage-results span.line-num strong {
+	color:#666;
+}
+div.code-coverage-results div.start {
+	border:1px solid #aaa;
+	border-width:1px 1px 0px 1px;
+	margin-top:30px;
+	padding-top:5px;
+}
+div.code-coverage-results div.end {
+	border:1px solid #aaa;
+	border-width:0px 1px 1px 1px;
+	margin-bottom:30px;
+	padding-bottom:5px;
+}
+div.code-coverage-results div.realstart {
+	margin-top:0px;
+}
+div.code-coverage-results p.note {
+	color:#bbb;
+	padding:5px;
+	margin:5px 0 10px;
+	font-size:10px;
+}
+div.code-coverage-results span.result-bad {
+	color: #a00;
+}
+div.code-coverage-results span.result-ok {
+	color: #fa0;
+}
+div.code-coverage-results span.result-good {
+	color: #0a0;
+}
\ No newline at end of file
diff --git a/webroot/ccss/comment.css b/webroot/ccss/comment.css
new file mode 100644
index 00000000..bfb1d5c1
--- /dev/null
+++ b/webroot/ccss/comment.css
@@ -0,0 +1,44 @@
+.comments {
+  margin: 2em 0;
+}
+.comment .meta {
+  border: none;
+  background: none;
+}
+
+.comment {
+  clear: left;
+  margin: 1em auto;
+  overflow: hidden;
+}
+
+.comments .even {
+  background-color: #eee;
+}
+
+.comment .meta {
+  padding: .5em;
+  font-size: 105%;
+}
+
+.comment .meta .from {
+  font-weight: bold;
+}
+
+.comment .meta .date {
+  font-style: italic;
+}
+
+.comment .text {
+  padding: .5em 2em; 
+}
+
+.comment .image {
+  float: left;
+  margin: 0 .5em .5em 0;
+}
+
+.comments form textarea {
+  width: 66%;
+  font-size: 120%;
+}
diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_123e78_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_123e78_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..90cc90301a81ea2e3c0f8c9c98d92ee45085d33f
GIT binary patch
literal 213
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!N$PA*qrS22FRJ?>EalY(fIcIM&4!zkpmYd
z2ugJ9ykWPpS!2SVV1;?7FCYKG$9ZH^-tXt74{Bp7E<AeVP-kg7;dHq4p34i;b1yt-
zX4l`(aO}O02N?V)U&wE(hzuUewmz=^a=GVyg;b*`NpPzEj0L=pd9M~E0Nu&p>FVdQ
I&MBb@03ZQPyZ`_I

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_1a8301_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_1a8301_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2380a91a16a1b1a14a0f48adfa7bcaf77b84defd
GIT binary patch
literal 180
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FscKIb$B>N1x91EQ4=6AkFmPZi
zQ?HqPU}CduZ_}B-XUhNF*d=SBxq@p|)2anp)TQh^xS3KX7C-n7bOwW`tDnm{r-UW|
DXeUNa

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_222222_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_222222_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfd103c760af4b020664cd94a8d0873174766c52
GIT binary patch
literal 180
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FscKIb$B>N1x91EQ4=4yQ7&@H#
z{XIgZ<irI&an_s0pV!D+$FtuP31JO&3=I&aE+yW&fl2pl-=nEOXE1oW`njxgN@xNA
DtXMGG

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_333333_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_333333_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f2c7a45bbd7c61634394ede600d6bacc1c494a1
GIT binary patch
literal 180
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FscKIb$B>N1x91EQ4=4yQ7#_Iv
z`+As4$%zYm;;c7~Kd+Iuj%U9o62cnl7#bi-T}qs{k}2VR<Uf6&GZ;Kw{an^LB{Ts5
D(FHJP

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_aaaaaa_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b5dab2ab7b1c50dea9cfe73dc5a269a92d2d4b4
GIT binary patch
literal 180
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FscKIb$B>N1x91EQ4=4yQ7#`R^
z$vje}<irI&an_s0pV!D+$FtuP31JO&3=I&aE+u|=5A)Hv$*VMh&S3C#^>bP0l+XkK
DSH>_4

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_ad0900_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_0_ad0900_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6dced8d2c8b4075480222a599ab54de2dba4e31
GIT binary patch
literal 181
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FsTxlg$B>N1x91EQ4=6AkFgVs;
zFMHWSrQl0~`yz$&yN{XI<=o?&!x7drH9<9kle(0&o+eXm*v@QopgR~mUHx3vIVCg!
E0Bk}yv;Y7A

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_40_2259a5_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_40_2259a5_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2f118ec13ccf776ba6e25ce0ec4f34075b740f8
GIT binary patch
literal 213
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!N$PA*qrS22FRJ?>EalY(fIcIM&4!zkpmYd
z1m5UkoN2tWS!2SVV1;?7FCYKG$9ZH^-tXt74{Bp7E<AeVP-kg7;dHq4p34i;b1yt-
zX4l`(aO}O02N?V)U&wE(hzuUewmz=^a=GVyg;b*`NpPyZ$Rh#o6)#pC0J@XG)78&q
Iol`;+0451eD*ylh

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_flat_75_000000_40x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_flat_75_000000_40x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..abdc01082bf3534eafecc5819d28c9574d44ea89
GIT binary patch
literal 178
zcmeAS@N?(olHy`uVBq!ia0vp^8bF-F!3HG1q!d*FsY*{5$B>N1x91EQ4=4yQY-ImG
zFPf9b{J;c_6SHRK%WcbN_hZpM=(Ry;4Rxv2@@2Y=$K57eF$X$=!PC{xWt~$(69B)$
BI)4BF

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-bg_highlight-hard_50_aaaaaa_1x100.png b/webroot/ccss/custom-phtagr/images/ui-bg_highlight-hard_50_aaaaaa_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..8700be7112baf848526d08646c95dfdec5b27379
GIT binary patch
literal 107
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l#!>4V~E7mWQ&>~AL`ZE*x1@0
zy8ik9e}3c3`}^xp=&*eJ{yv_^kmck5|MeP%AO0<1Wn}oeQuj!Ed}s$yH-o3EpUXO@
GgeCxHRwWMr

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-icons_aaaaaa_256x240.png b/webroot/ccss/custom-phtagr/images/ui-icons_aaaaaa_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..64af7f11cfef61daf0fdbd80f6f0b7b5448e795a
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-icons_cccccc_256x240.png b/webroot/ccss/custom-phtagr/images/ui-icons_cccccc_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..9254e05cfb964be56241b5bb4d0a0eb51c02df80
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-icons_dddddd_256x240.png b/webroot/ccss/custom-phtagr/images/ui-icons_dddddd_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..91aada0ab4967f691f921387d7a7635ddda7feb1
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/images/ui-icons_ffffff_256x240.png b/webroot/ccss/custom-phtagr/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..42f8f992c727ddaa617da224a522e463df690387
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/webroot/ccss/custom-phtagr/jquery-ui-1.8.14.custom.css b/webroot/ccss/custom-phtagr/jquery-ui-1.8.14.custom.css
new file mode 100644
index 00000000..8fcd9783
--- /dev/null
+++ b/webroot/ccss/custom-phtagr/jquery-ui-1.8.14.custom.css
@@ -0,0 +1,568 @@
+/*
+ * jQuery UI CSS Framework 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Droid,Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=333333&bgTextureHeader=01_flat.png&bgImgOpacityHeader=0&borderColorHeader=222222&fcHeader=cccccc&iconColorHeader=cccccc&bgColorContent=000000&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=2b2b2b&fcContent=aaaaaa&iconColorContent=aaaaaa&bgColorDefault=222222&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=222222&fcDefault=dddddd&iconColorDefault=dddddd&bgColorHover=2259a5&bgTextureHover=01_flat.png&bgImgOpacityHover=40&borderColorHover=123e78&fcHover=ffffff&iconColorHover=dddddd&bgColorActive=123e78&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=103565&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=1a8301&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=0&borderColorHighlight=082900&fcHighlight=ffffff&iconColorHighlight=ffffff&bgColorError=ad0900&bgTextureError=01_flat.png&bgImgOpacityError=0&borderColorError=5c0500&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=aaaaaa&bgTextureOverlay=04_highlight_hard.png&bgImgOpacityOverlay=50&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Droid,Verdana,Arial,sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Droid,Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #2b2b2b; background: #000000 url(images/ui-bg_flat_75_000000_40x100.png) 50% 50% repeat-x; color: #aaaaaa; }
+.ui-widget-content a { color: #aaaaaa; }
+.ui-widget-header { border: 1px solid #222222; background: #333333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; color: #cccccc; font-weight: bold; }
+.ui-widget-header a { color: #cccccc; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #222222; background: #222222 url(images/ui-bg_flat_0_222222_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #dddddd; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #dddddd; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #123e78; background: #2259a5 url(images/ui-bg_flat_40_2259a5_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #103565; background: #123e78 url(images/ui-bg_flat_0_123e78_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #082900; background: #1a8301 url(images/ui-bg_flat_0_1a8301_40x100.png) 50% 50% repeat-x; color: #ffffff; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ffffff; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #5c0500; background: #ad0900 url(images/ui-bg_flat_0_ad0900_40x100.png) 50% 50% repeat-x; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_aaaaaa_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_dddddd_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_dddddd_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_highlight-hard_50_aaaaaa_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
+ * jQuery UI Resizable 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
+ * jQuery UI Selectable 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
+/*
+ * jQuery UI Accordion 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion { width: 100%; }
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }
+/*
+ * jQuery UI Autocomplete 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; }	
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/*
+ * jQuery UI Menu 1.8.14
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+	float: left;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/*
+ * jQuery UI Button 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+/*
+ * jQuery UI Dialog 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/*
+ * jQuery UI Slider 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
+ * jQuery UI Tabs 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/*
+ * jQuery UI Datepicker 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/*
+ * jQuery UI Progressbar 1.8.14
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/webroot/ccss/debug.css b/webroot/ccss/debug.css
new file mode 100644
index 00000000..8800d873
--- /dev/null
+++ b/webroot/ccss/debug.css
@@ -0,0 +1,43 @@
+/* Debugging */
+pre {
+	color: #000;
+	background: #aaa;
+	padding: 1em;
+}
+pre.cake-debug {
+  font-family: Courier, monospace; 
+  background-color: #ccc;
+  border: 1px solid #888;
+	overflow: auto;
+	position: relative;
+}
+div.cake-stack-trace {
+	background: #fff;
+	border: 4px dotted #ffcc00;
+	color: #333;
+	margin: 0px;
+	padding: 6px;
+	overflow: auto;
+	position: relative;
+}
+div.cake-code-dump pre {
+	position: relative;
+	overflow: auto;
+}
+div.cake-stack-trace pre, div.cake-code-dump pre {
+	color: #000000;
+	background-color: #F0F0F0;
+	margin: 0px;
+	padding: 1em;
+	overflow: auto;
+}
+div.cake-code-dump pre, div.cake-code-dump pre code {
+	clear: both;
+	margin: 4px 2px;
+	padding: 4px;
+	overflow: auto;
+}
+div.cake-code-dump span.code-highlight {
+	background-color: #FFFF00;
+	padding: 4px;
+}
diff --git a/webroot/ccss/default.css b/webroot/ccss/default.css
new file mode 100644
index 00000000..de247c76
--- /dev/null
+++ b/webroot/ccss/default.css
@@ -0,0 +1,1253 @@
+  @font-face {
+    font-family: "Ubuntu";
+    src: url('../fonts/ubuntu/ubuntu-r-webfont.eot');
+    src: local("☺"), url('../fonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../fonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'); }
+
+  @font-face {
+    font-family: "Ubuntu-bold";
+    src: url('../fonts/ubuntu/ubuntu-b-webfont.eot');
+    src: local("☺"), url('../fonts/ubuntu/ubuntu-b-webfont.woff') format('woff'), url('../fonts/ubuntu/ubuntu-b-webfont.ttf') format('truetype'); }
+
+  @font-face {
+    font-family: "Cousine";
+    src: url('../fonts/cousine/cousine-regular-latin-webfont.eot');
+    src: local("☺"), url('../fonts/cousine/cousine-regular-latin-webfont.woff') format('woff'), url('../fonts/cousine/cousine-regular-latin-webfont.ttf') format('truetype'); }
+
+* {
+  color: #bbbbbb;
+  font-size: 10pt;
+  font-weight: normal;
+  text-decoration: none;
+  font-family: Ubuntu, Verdana, sans; }
+
+a {
+  color: #2259a5; }
+  a:hover {
+    color: #528ddb; }
+  a:visited {
+    color: #1e4f90; }
+
+img {
+  border: none; }
+
+ol,
+ul {
+  list-style-type: none; }
+
+  #content > .sub h1,
+  #content > .sub h2,
+  #content > .sub h3 {
+    font-family: Ubuntu-bold;
+    padding: 10px 0; }
+  #content > .sub h1 {
+    font-size: 15pt; }
+  #content > .sub > p,
+  #content > .sub > p > a,
+  #content > .sub > ul > li {
+    font-size: 12pt; }
+  #content > .sub > ul {
+    padding: 10px 0;
+    list-style-type: circle; }
+    #content > .sub > ul > li {
+      padding: 5px 0 5px 20px; }
+  #content > .sub > p {
+    padding: 5px 0; }
+  #content > .sub > code {
+    font-family: Cousine;
+    font-size: 10pt;
+    background-color: #e6e6e6;
+    color: #333333; }
+  #content > .sub > .error,
+  #content > .sub > .notice,
+  #content > .sub > .warning {
+    margin: 5px 0;
+    padding: 10px;
+    color: black; }
+    #content > .sub > .error > *,
+    #content > .sub > .notice > *,
+    #content > .sub > .warning > * {
+      color: black; }
+  #content > .sub > .error {
+    border: 1px solid red;
+    background-color: #ff9999; }
+  #content > .sub > .notice,
+  #content > .sub > .warning {
+    border: 1px solid yellow;
+    background-color: #ffff99; }
+
+pre {
+  padding: 10px;
+  background-color: #aaaaaa;
+  color: #333333;
+  font-family: Cousine, monospace; }
+  pre * {
+    font-family: Cousine, monospace;
+    color: #333333; }
+  pre strong {
+    color: black; }
+
+* {
+  margin: 0;
+  padding: 0; }
+
+#page {
+  display: block;
+  width: 100%; }
+
+#header {
+  background-color: #666666;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
+  background-image: -moz-linear-gradient(top, #666666 0%, #333333 100%);
+  background-image: linear-gradient(top, #666666 0%, #333333 100%);
+  border-bottom: 2px solid #333333;
+  width: 100%; }
+  #header > .sub {
+    width: 950px;
+    display: block;
+    margin: 0 auto; }
+    #header > .sub > h1 {
+      padding: 5px 0;
+      display: inline-block; }
+      #header > .sub > h1 a {
+        color: white;
+        font-size: 250%;
+        text-shadow: #444444 2px 0px 0; }
+    #header > .sub > .subtitle {
+      color: white;
+      display: inline-block; }
+    #header > .sub > #top-menu {
+      float: right;
+      margin: 10px 0; }
+      #header > .sub > #top-menu > li {
+        float: left;
+        padding: 5px 2px; }
+        #header > .sub > #top-menu > li > a {
+          padding: 5px 7px;
+          color: gray;
+          text-shadow: black 1px 0px 0; }
+          #header > .sub > #top-menu > li > a:hover {
+            -moz-border-radius: 5px;
+            -webkit-border-radius: 5px;
+            -o-border-radius: 5px;
+            -ms-border-radius: 5px;
+            -khtml-border-radius: 5px;
+            border-radius: 5px;
+            background-color: #262626;
+            border-color: #0d0d0d;
+            color: white; }
+
+#main-menu {
+  background-color: #1a1a1a; }
+  #main-menu > .sub {
+    width: 950px;
+    display: block;
+    margin: 0 auto; }
+    #main-menu > .sub > ul li {
+      display: block;
+      float: left; }
+        #main-menu > .sub > ul li > a {
+          color: #999999;
+          background-color: #333333;
+          -moz-border-radius: 5px;
+          -webkit-border-radius: 5px;
+          -o-border-radius: 5px;
+          -ms-border-radius: 5px;
+          -khtml-border-radius: 5px;
+          border-radius: 5px;
+          display: block;
+          margin: 5px;
+          margin-left: 0;
+          padding: 5px 15px; }
+          #main-menu > .sub > ul li > a:active,
+          #main-menu > .sub > ul li > a:visited {
+            color: #999999;
+            text-shadow: black 1px 0px 0; }
+          #main-menu > .sub > ul li > a:hover {
+            background-color: #666666;
+            color: white; }
+    #main-menu > .sub #quicksearch {
+      display: block;;
+      float: right;; }
+      #main-menu > .sub #quicksearch .inputWrap,
+      #main-menu > .sub #quicksearch .submitWrap {
+        display: block;
+        float: left;
+        overflow: hidden;
+        height: 24px;
+        margin: 5px 0;
+        background-color: #333333; }
+        #main-menu > .sub #quicksearch .inputWrap input,
+        #main-menu > .sub #quicksearch .submitWrap input {
+          border: none;
+          background-color: #333333;
+          padding: 5px; }
+      #main-menu > .sub #quicksearch .inputWrap {
+        -moz-border-radius-topleft: 5px;
+        -webkit-border-top-left-radius: 5px;
+        -o-border-top-left-radius: 5px;
+        -ms-border-top-left-radius: 5px;
+        -khtml-border-top-left-radius: 5px;
+        border-top-left-radius: 5px;
+        -moz-border-radius-bottomleft: 5px;
+        -webkit-border-bottom-left-radius: 5px;
+        -o-border-bottom-left-radius: 5px;
+        -ms-border-bottom-left-radius: 5px;
+        -khtml-border-bottom-left-radius: 5px;
+        border-bottom-left-radius: 5px; }
+        #main-menu > .sub #quicksearch .inputWrap input {
+          border: none;
+          background-color: #333333; }
+      #main-menu > .sub #quicksearch .submitWrap {
+        -moz-border-radius-topright: 5px;
+        -webkit-border-top-right-radius: 5px;
+        -o-border-top-right-radius: 5px;
+        -ms-border-top-right-radius: 5px;
+        -khtml-border-top-right-radius: 5px;
+        border-top-right-radius: 5px;
+        -moz-border-radius-bottomright: 5px;
+        -webkit-border-bottom-right-radius: 5px;
+        -o-border-bottom-right-radius: 5px;
+        -ms-border-bottom-right-radius: 5px;
+        -khtml-border-bottom-right-radius: 5px;
+        border-bottom-right-radius: 5px; }
+        #main-menu > .sub #quicksearch .submitWrap:hover {
+          background-color: #666666;
+          color: white;
+          cursor: pointer; }
+          #main-menu > .sub #quicksearch .submitWrap:hover input {
+            background-color: #666666;
+            cursor: pointer; }
+      #main-menu > .sub #quicksearch .clear {
+        clear: both; }
+  #main-menu .clear {
+    clear: both; }
+
+#main {
+  width: 950px;
+  margin: 0 auto;
+  overflow: hidden;
+  *zoom: 1; }
+  #main > .sub {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 950px; }
+  * html #main > .sub {
+    overflow-x: hidden; }
+    #main > .sub #content > .sub {
+      display: inline;
+      float: left;
+      margin-right: 0;
+      width: 950px;
+      margin-bottom: 10px; }
+  * html #main > .sub #content > .sub {
+    overflow-x: hidden; }
+
+#footer {
+  width: 950px;
+  margin: 0 auto;
+  overflow: hidden;
+  *zoom: 1; }
+  #footer > .sub {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 950px;
+    background-color: #111111; }
+  * html #footer > .sub {
+    overflow-x: hidden; }
+    #footer > .sub > p {
+      padding: 5px; }
+
+.box {
+  position: relative;
+  padding: 5px; }
+  .box > h1 {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -o-border-radius: 5px;
+    -ms-border-radius: 5px;
+    -khtml-border-radius: 5px;
+    border-radius: 5px;
+    background-color: #eeeeee;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5));
+    background-image: -moz-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+    background-image: linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+    color: #666666;
+    text-shadow: white 1px 0px 0;
+    border: 1px solid #bbbbbb;
+    padding: 3px 12px; }
+
+.info,
+.message {
+  color: white;
+  display: block;
+  margin: 5px 0;
+  padding: 10px;
+  background-color: #009100;
+  border: 1px solid #006500;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -o-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -khtml-border-radius: 2px;
+  border-radius: 2px; }
+
+  * #random-media {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 470px; }
+  * html * #random-media {
+    overflow-x: hidden; }
+  * #newest-media {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 470px; }
+  * html * #newest-media {
+    overflow-x: hidden; }
+  * #recent-comments {
+    clear: both; }
+  * #recent-comments {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 470px; }
+  * html * #recent-comments {
+    overflow-x: hidden; }
+  * #tag-cloud {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 230px; }
+  * html * #tag-cloud {
+    overflow-x: hidden; }
+  * #category-cloud {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 230px; }
+  * html * #category-cloud {
+    overflow-x: hidden; }
+  * .cloud {
+    font-size: 14pt;
+    line-height: 16.8pt; }
+  * .cloud .l,
+  * .cloud .s,
+  * .cloud .xl,
+  * .cloud .xs,
+  * .cloud .xxl,
+  * .cloud .xxs {
+    line-height: 16.8pt; }
+  * .cloud .xxs {
+    font-size: 7pt; }
+  * .cloud .xs {
+    font-size: 9.3333pt; }
+  * .cloud .s {
+    font-size: 10.5pt; }
+  * .cloud .l {
+    font-size: 18.6667pt; }
+  * .cloud .xl {
+    font-size: 21pt; }
+  * .cloud .xxl {
+    font-size: 28pt; }
+    * .cloud .l,
+    * .cloud .m,
+    * .cloud .s,
+    * .cloud .xl,
+    * .cloud .xs,
+    * .cloud .xxl,
+    * .cloud .xxs {
+      padding: 2px 5px;
+      padding-left: 0; }
+    * .cloud a {
+      display: inline-block; }
+      * .cloud a:hover {
+        color: white;
+        background-color: #2259a5; }
+
+* #random-media .clip {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  height: 309px; }
+  * #random-media .clip cite {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    background-color: black;
+    opacity: 0.6;
+    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+    padding: 5px; }
+    * #random-media .clip cite:hover {
+      opacity: 0.9;
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
+      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
+
+      * #recent-comments .comments .comment {
+        clear: both; }
+        * #recent-comments .comments .comment .image {
+          float: left; }
+        * #recent-comments .comments .comment .meta,
+        * #recent-comments .comments .comment .text {
+          margin-left: 85px;
+          color: #3c3c3c; }
+          * #recent-comments .comments .comment .meta .from,
+          * #recent-comments .comments .comment .text .from {
+            font-family: Ubuntu-bold; }
+    * #recent-comments p {
+      clear: both; }
+
+.tooltip-anchor {
+  display: inline-block;
+  position: relative; }
+
+.tooltip-actions {
+  display: none;
+  z-index: 2;
+  position: absolute;
+  margin-top: 12px;
+  top: 0px;
+  left: -10px;
+  width: 150px;
+  padding: 3px 10px 10px 10px; }
+  .tooltip-actions > .sub {
+    display: inline-block;
+    padding: 2px;
+    background-color: #ffffdd;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -o-border-radius: 4px;
+    -ms-border-radius: 4px;
+    -khtml-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid #aaaa00; }
+    .tooltip-actions > .sub > a > img {
+      vertical-align: bottom; }
+
+.p-navigator-pages {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  display: block;
+  padding: 5px 0; }
+  * html .p-navigator-pages {
+    overflow-x: hidden; }
+  .p-navigator-pages > .sub {
+    text-align: center; }
+    .p-navigator-pages > .sub > a {
+      margin: 0px 2px;
+      padding: 3px 6px;
+      cursor: pointer;
+      color: #dddddd;
+      background-color: #222222;
+      border: 1px solid #222222;
+      -moz-border-radius: 3px;
+      -webkit-border-radius: 3px;
+      -o-border-radius: 3px;
+      -ms-border-radius: 3px;
+      -khtml-border-radius: 3px;
+      border-radius: 3px; }
+  .p-navigator-pages > .sub > a:hover {
+    color: white;
+    background-color: #2259a5;
+    border: 1px solid #123e78; }
+  .p-navigator-pages > .sub > a:active {
+    color: #clickable-active-text;
+    background-color: #123e78;
+    border-bottom: 1px solid #103565; }
+    .p-navigator-pages > .sub > .current {
+      margin: 0px 2px;
+      padding: 3px 6px;
+      font-family: Ubuntu-bold;
+      color: white; }
+
+#p-explorer-media-list > .row {
+  margin: 5px 0;
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px; }
+  * html #p-explorer-media-list > .row {
+    overflow-x: hidden; }
+  #p-explorer-media-list > .row > .clear {
+    display: block;
+    clear: both; }
+  #p-explorer-media-list > .row > .cell {
+    position: relative; }
+    #p-explorer-media-list > .row > .cell:hover {
+      background-color: #222222; }
+      #p-explorer-media-list > .row > .cell.selected .actions,
+      #p-explorer-media-list > .row > .cell.selected .preview {
+        background-color: #203c60; }
+    #p-explorer-media-list > .row > .cell h2 {
+      font-family: Ubuntu ! important;
+      font-weight: normal;
+      padding: 2px 2px ! important;
+      position: absolute;
+      top: 1;
+      left: 1;
+      z-index: 1;
+      margin: 1px;
+      opacity: 0;
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+      background-color: black; }
+      #p-explorer-media-list > .row > .cell h2 a {
+        color: #2259a5; }
+  #p-explorer-media-list > .row > .cell h2 a:hover {
+    background-color: #2259a5;
+    color: white; }
+    #p-explorer-media-list > .row > .cell > .preview {
+      display: table-cell;
+      text-align: center;
+      padding: 3px; }
+      #p-explorer-media-list > .row > .cell > .preview > a {
+        vertical-align: middle; }
+        #p-explorer-media-list > .row > .cell > .preview > a > img {
+          vertical-align: middle; }
+      #p-explorer-media-list > .row > .cell > .preview > * {
+        text-align: center;
+        overflow: hidden; }
+    #p-explorer-media-list > .row > .cell > .actions {
+      position: absolute;
+      background-color: #222222;
+      opacity: 0;
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
+      #p-explorer-media-list > .row > .cell > .actions > ul > li {
+        display: inline; }
+        #p-explorer-media-list > .row > .cell > .actions > ul > li > a > img {
+          padding: 3px;
+          vertical-align: center; }
+          #p-explorer-media-list > .row > .cell > .actions > ul > li > a > img:hover {
+            background-color: #dddddd; }
+    #p-explorer-media-list > .row > .cell > .description {
+      margin-top: 3px; }
+      #p-explorer-media-list > .row > .cell > .description * {
+        color: #444444; }
+      #p-explorer-media-list > .row > .cell:hover > h2 {
+        opacity: 1;
+        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
+      #p-explorer-media-list > .row > .cell:hover > .actions {
+        opacity: 0.3;
+        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }
+        #p-explorer-media-list > .row > .cell:hover > .actions:hover {
+          opacity: 1;
+          -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
+        #p-explorer-media-list > .row > .cell:hover > .description * {
+          color: #888888; }
+        #p-explorer-media-list > .row > .cell:hover > .description a {
+          color: #2259a5; }
+  #p-explorer-media-list > .row > .cell:hover > .description a:hover {
+    background-color: #2259a5;
+    color: white; }
+
+  #p-explorer-media-list.p-list-compact .cell,
+  #p-explorer-media-list.p-list-full .cell {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 230px; }
+  * html #p-explorer-media-list.p-list-compact .cell,
+  * html #p-explorer-media-list.p-list-full .cell {
+    overflow-x: hidden; }
+  #p-explorer-media-list.p-list-compact .cell-right,
+  #p-explorer-media-list.p-list-full .cell-right {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 230px; }
+  * html #p-explorer-media-list.p-list-compact .cell-right,
+  * html #p-explorer-media-list.p-list-full .cell-right {
+    overflow-x: hidden; }
+  #p-explorer-media-list.p-list-compact .preview,
+  #p-explorer-media-list.p-list-full .preview {
+    width: 230px;
+    height: 230px;
+    vertical-align: bottom;
+    padding: 5px; }
+    #p-explorer-media-list.p-list-compact .preview img,
+    #p-explorer-media-list.p-list-full .preview img {
+      margin: 3px 0px; }
+  #p-explorer-media-list.p-list-compact .actions,
+  #p-explorer-media-list.p-list-full .actions {
+    right: 2px;
+    top: 197px;
+    padding: 4px; }
+
+  #p-explorer-media-list.p-list-compact .preview {
+    vertical-align: middle; }
+
+  #p-explorer-media-list.p-list-small .cell {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 110px; }
+  * html #p-explorer-media-list.p-list-small .cell {
+    overflow-x: hidden; }
+  #p-explorer-media-list.p-list-small .cell-right {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 110px; }
+  * html #p-explorer-media-list.p-list-small .cell-right {
+    overflow-x: hidden; }
+  #p-explorer-media-list.p-list-small .preview {
+    width: 110px;
+    padding: 0px;
+    height: 110px;
+    vertical-align: middle; }
+  #p-explorer-media-list.p-list-small .actions {
+    right: 0px;
+    top: 77px;
+    padding: 4px; }
+
+ul.p-breadcrumb {
+  width: 100%;
+  margin: 4px 0px;
+  display: inline-block; }
+  ul.p-breadcrumb > li {
+    padding: 1px 3px ! important;
+    display: inline-block; }
+    ul.p-breadcrumb > li.p-breadcrumb-header {
+      background-color: #444444; }
+      ul.p-breadcrumb > li.p-breadcrumb-header > span {
+        padding: 0 3px;
+        font-family: Ubuntu-bold; }
+      ul.p-breadcrumb > li.p-breadcrumb-crumb > span {
+        padding-left: 3px; }
+      ul.p-breadcrumb > li.p-breadcrumb-crumb > .p-breadcrumb-remove {
+        background-image: url("../img/button-close.png");
+        background-position: center center;
+        background-repeat: no-repeat;
+        vertical-align: middle;
+        padding: 0 10px;
+        width: 15px; }
+        ul.p-breadcrumb > li.p-breadcrumb-crumb > .p-breadcrumb-remove > span {
+          display: none; }
+    ul.p-breadcrumb > li.p-breadcrumb-input > form {
+      background-color: inherit;
+      overflow: inherit;
+      width: inherit; }
+        ul.p-breadcrumb > li.p-breadcrumb-input > form > div > div,
+        ul.p-breadcrumb > li.p-breadcrumb-input > form > div > input {
+          display: inline-block; }
+        ul.p-breadcrumb > li.p-breadcrumb-input > form > div > input {
+          border: 1px solid #888888;
+          background-color: #444444; }
+        ul.p-breadcrumb > li.p-breadcrumb-input > form > div > input[type=text] {
+          padding: 1px; }
+
+
+#p-explorer-menu-space {
+  display: block;
+  height: 24px; }
+
+#p-explorer-menu {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  z-index: 10;
+  position: fixed;
+  background-color: #333333; }
+  * html #p-explorer-menu {
+    overflow-x: hidden; }
+  #p-explorer-menu > ul {
+    margin: 5px 1px; }
+    #p-explorer-menu > ul > li {
+      display: inline; }
+      #p-explorer-menu > ul > li > a {
+        padding: 3px;
+        cursor: pointer;
+        color: #dddddd;
+        background-color: #222222;
+        border: 1px solid #222222;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px; }
+  #p-explorer-menu > ul > li > a:hover {
+    color: white;
+    background-color: #2259a5;
+    border: 1px solid #123e78; }
+  #p-explorer-menu > ul > li > a:active {
+    color: #clickable-active-text;
+    background-color: #123e78;
+    border-bottom: 1px solid #103565; }
+      #p-explorer-menu > ul > li.active > a {
+        padding: 4px 3px;
+        color: #clickable-active-text;
+        background-color: #123e78;
+        border-bottom: 1px solid #103565; }
+  #p-explorer-menu > .pages > ul {
+    position: absolute;
+    right: 0;
+    top: 0;
+    margin: 5px 1px; }
+    #p-explorer-menu > .pages > ul > li {
+      display: inline-block;
+      color: #aaaaaa; }
+      #p-explorer-menu > .pages > ul > li > a {
+        padding: 3px;
+        color: #dddddd;
+        background-color: #222222;
+        border: 1px solid #222222;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px; }
+  #p-explorer-menu > .pages > ul > li > a:hover {
+    color: white;
+    background-color: #2259a5;
+    border: 1px solid #123e78; }
+  #p-explorer-menu > .pages > ul > li > a:active {
+    color: #clickable-active-text;
+    background-color: #123e78;
+    border-bottom: 1px solid #103565; }
+  #p-explorer-menu > #p-explorer-menu-content {
+    border: 1px solid #222222;
+    background-color: black; }
+    #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta,
+    #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more {
+      display: none;
+      padding: 10px; }
+      #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta > p,
+      #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more > p {
+        margin: 3px 0; }
+          #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta > p > .tooltip-anchor > a,
+          #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more > p > .tooltip-anchor > a {
+            padding: 0 3px;
+            color: #2259a5; }
+  #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta > p > .tooltip-anchor > a:hover,
+  #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more > p > .tooltip-anchor > a:hover {
+    background-color: #2259a5;
+    color: white; }
+        #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta > p > a,
+        #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more > p > a {
+          padding: 0 3px;
+          color: #2259a5; }
+  #p-explorer-menu > #p-explorer-menu-content > #p-explorer-all-meta > p > a:hover,
+  #p-explorer-menu > #p-explorer-menu-content > #p-explorer-more > p > a:hover {
+    background-color: #2259a5;
+    color: white; }
+    #p-explorer-menu > #p-explorer-menu-content > form > div {
+      display: none;
+      padding: 10px 0; }
+
+  dl.single-media > dd,
+  dl.single-media > dt {
+    display: inline-block;
+    float: left; }
+  dl.single-media > dd {
+    clear: left; }
+  dl.single-media > dt {
+    margin-left: 3px; }
+
+.p-explorer-input {
+  display: inline;
+  float: left;
+  margin-right: 0;
+  width: 950px;
+  z-index: 9;
+  position: fixed;
+  bottom: 26px;
+  background-color: gray; }
+  * html .p-explorer-input {
+    overflow-x: hidden; }
+
+.auto_complete {
+  display: none; }
+
+    .content-browser #upload #upload-drop-area {
+      margin: 20px 0;
+      border: 3px dashed #123e78;
+      width: 300px;
+      height: 120px;
+      display: block; }
+      .content-browser #upload #upload-drop-area p {
+        margin-top: 45px;
+        text-align: center; }
+      .content-browser #upload .upload-status .file,
+      .content-browser #upload .upload-status .total {
+        margin: 20px 0; }
+        .content-browser #upload .upload-status .file p,
+        .content-browser #upload .upload-status .total p {
+          margin: 10px 0; }
+      .content-browser #upload .media-list p {
+        margin: 10px 0; }
+      .content-browser #upload .media-list .thumbs a {
+        margin-right: 5px;
+        margin-bottom: 5px; }
+        .content-browser #upload .media-list .thumbs a img {
+          background-color: #222222; }
+
+#p-media-preview {
+  position: relative;
+  overflow: hidden; }
+  #p-media-preview > .image {
+    display: table-cell;
+    width: 960px;
+    text-align: center;
+    vertical-align: middle; }
+    #p-media-preview > .image > img {
+      text-align: center;
+      vertical-align: middle; }
+  #p-media-preview > .navigator {
+    background-color: white; }
+      #p-media-preview > .navigator > div > .sub {
+        opacity: 0;
+        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
+        #p-media-preview > .navigator > div > .sub a {
+          color: white;
+          display: block;
+          background-color: black;
+          padding: 10px;
+          border: 1px solid black;
+          font-size: 15pt; }
+      #p-media-preview > .navigator > div:hover > .sub {
+        opacity: 0.5;
+        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
+        #p-media-preview > .navigator > div:hover > .sub:hover {
+          opacity: 1;
+          -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
+          #p-media-preview > .navigator > div:hover > .sub:hover a {
+            background-color: #333333;
+            border: 1px solid #333333; }
+    #p-media-preview > .navigator > .prev {
+      position: absolute;
+      top: 70px;
+      left: 0;
+      padding-right: 100px;
+      height: 100%; }
+      #p-media-preview > .navigator > .prev > .sub a {
+        -moz-border-radius-topright: 15px;
+        -webkit-border-top-right-radius: 15px;
+        -o-border-top-right-radius: 15px;
+        -ms-border-top-right-radius: 15px;
+        -khtml-border-top-right-radius: 15px;
+        border-top-right-radius: 15px;
+        -moz-border-radius-bottomright: 15px;
+        -webkit-border-bottom-right-radius: 15px;
+        -o-border-bottom-right-radius: 15px;
+        -ms-border-bottom-right-radius: 15px;
+        -khtml-border-bottom-right-radius: 15px;
+        border-bottom-right-radius: 15px; }
+    #p-media-preview > .navigator > .up {
+      padding: 0;
+      padding-bottom: 100px;
+      position: absolute;
+      top: 0;
+      width: 100%; }
+      #p-media-preview > .navigator > .up > .sub a {
+        text-align: center;
+        display: block;
+        width: 120px;
+        margin: 0 auto;
+        -moz-border-radius-bottomleft: 15px;
+        -webkit-border-bottom-left-radius: 15px;
+        -o-border-bottom-left-radius: 15px;
+        -ms-border-bottom-left-radius: 15px;
+        -khtml-border-bottom-left-radius: 15px;
+        border-bottom-left-radius: 15px;
+        -moz-border-radius-bottomright: 15px;
+        -webkit-border-bottom-right-radius: 15px;
+        -o-border-bottom-right-radius: 15px;
+        -ms-border-bottom-right-radius: 15px;
+        -khtml-border-bottom-right-radius: 15px;
+        border-bottom-right-radius: 15px; }
+    #p-media-preview > .navigator > .next {
+      position: absolute;
+      top: 70px;
+      right: 0;
+      height: 100%;
+      padding-left: 100px; }
+      #p-media-preview > .navigator > .next > .sub a {
+        -moz-border-radius-topleft: 15px;
+        -webkit-border-top-left-radius: 15px;
+        -o-border-top-left-radius: 15px;
+        -ms-border-top-left-radius: 15px;
+        -khtml-border-top-left-radius: 15px;
+        border-top-left-radius: 15px;
+        -moz-border-radius-bottomleft: 15px;
+        -webkit-border-bottom-left-radius: 15px;
+        -o-border-bottom-left-radius: 15px;
+        -ms-border-bottom-left-radius: 15px;
+        -khtml-border-bottom-left-radius: 15px;
+        border-bottom-left-radius: 15px; }
+
+#image-tabs {
+  margin: 10px 0 5px 0; }
+  #image-tabs .meta a {
+    color: #2259a5; }
+    #image-tabs .meta a:hover {
+      color: white;
+      background-color: #2259a5; }
+
+#comments {
+  margin: 5px 0; }
+  #comments > h3 {
+    font-size: 120%; }
+  #comments > .comment {
+    padding: 5px; }
+    #comments > .comment.even {
+      background: #1a1a1a; }
+    #comments > .comment > .text {
+      margin: 5px 0px 5px 20px; }
+
+  form fieldset {
+    border: 0; }
+    form fieldset legend {
+      padding: 20px 0 10px 240px;
+      font-size: 12pt; }
+    form fieldset > div {
+      clear: left; }
+      form fieldset > div > label {
+        display: inline;
+        float: left;
+        margin-right: 10px;
+        width: 230px;
+        margin-top: 15px;
+        text-align: right; }
+  * html form fieldset > div > label {
+    overflow-x: hidden; }
+      form fieldset > div input[type=email],
+      form fieldset > div input[type=password],
+      form fieldset > div input[type=text],
+      form fieldset > div textarea {
+        display: inline;
+        float: left;
+        margin-right: 0;
+        width: 230px;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        color: #aaaaaa;
+        border: #333333 1px solid;
+        padding: 2px;
+        background-color: #111111;
+        font-size: 12pt;
+        width: 224px;
+        margin-top: 10px; }
+  * html form fieldset > div input[type=email],
+  * html form fieldset > div input[type=password],
+  * html form fieldset > div input[type=text],
+  * html form fieldset > div textarea {
+    overflow-x: hidden; }
+  form fieldset > div input[type=email]:hover,
+  form fieldset > div input[type=password]:hover,
+  form fieldset > div input[type=text]:hover,
+  form fieldset > div textarea:hover {
+    border: #123e78 1px solid;
+    background-color: #222222; }
+  form fieldset > div input[type=email]:focus,
+  form fieldset > div input[type=password]:focus,
+  form fieldset > div input[type=text]:focus,
+  form fieldset > div textarea:focus {
+    color: #eeeeee;
+    border: #2259a5 1px solid;
+    background-color: #333333; }
+      form fieldset > div select {
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        color: #aaaaaa;
+        border: #333333 1px solid;
+        padding: 2px;
+        background-color: #111111;
+        font-size: 12pt;
+        margin-top: 10px; }
+  form fieldset > div select:hover {
+    border: #123e78 1px solid;
+    background-color: #222222; }
+  form fieldset > div select:focus {
+    color: #eeeeee;
+    border: #2259a5 1px solid;
+    background-color: #333333; }
+        form fieldset > div select option {
+          padding: 3px 0;
+          font-size: 12pt;
+          background-color: #222222; }
+          form fieldset > div select option.selected {
+            background-color: #123e78; }
+          form fieldset > div select option:hover {
+            background-color: #2259a5; }
+      form fieldset > div > img {
+        margin-top: 12px; }
+      form fieldset > div > .description,
+      form fieldset > div > .error {
+        clear: left;
+        padding-left: 240px;
+        display: inline;
+        float: left;
+        margin-right: 0;
+        width: 230px;
+        margin-top: 3px; }
+  * html form fieldset > div > .description,
+  * html form fieldset > div > .error {
+    overflow-x: hidden; }
+      form fieldset > .checkbox input[type=checkbox] {
+        margin-left: 240px;
+        margin-right: 5px; }
+      form fieldset > .checkbox label {
+        width: 200px;
+        float: none;
+        text-align: left;
+        display: inline-block; }
+  form div.submit {
+    padding-left: 240px;
+    margin-top: 15px; }
+
+  form.explorer-menu fieldset {
+    display: inline;
+    float: left;
+    margin-right: 0;
+    width: 950px;
+    padding: 5px 0;
+    border: 0; }
+  * html form.explorer-menu fieldset {
+    overflow-x: hidden; }
+    form.explorer-menu fieldset legend {
+      display: none; }
+      form.explorer-menu fieldset > div > label {
+        display: inline;
+        float: left;
+        margin-right: 10px;
+        width: 230px;
+        margin-top: 12px;
+        text-align: right; }
+  * html form.explorer-menu fieldset > div > label {
+    overflow-x: hidden; }
+      form.explorer-menu fieldset > div input[type=text],
+      form.explorer-menu fieldset > div textarea {
+        display: inline;
+        float: left;
+        margin-right: 0;
+        width: 230px;
+        margin-top: 10px;
+        width: 224px;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        color: #aaaaaa;
+        border: #333333 1px solid;
+        padding: 2px;
+        background-color: #111111; }
+  * html form.explorer-menu fieldset > div input[type=text],
+  * html form.explorer-menu fieldset > div textarea {
+    overflow-x: hidden; }
+  form.explorer-menu fieldset > div input[type=text]:hover,
+  form.explorer-menu fieldset > div textarea:hover {
+    border: #123e78 1px solid;
+    background-color: #222222; }
+  form.explorer-menu fieldset > div input[type=text]:focus,
+  form.explorer-menu fieldset > div textarea:focus {
+    color: #eeeeee;
+    border: #2259a5 1px solid;
+    background-color: #333333; }
+      form.explorer-menu fieldset > div select {
+        margin-top: 10px;
+        display: inline;
+        float: left;
+        margin-right: 0;
+        width: 230px;
+        display: inline-block;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -o-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -khtml-border-radius: 3px;
+        border-radius: 3px;
+        color: #aaaaaa;
+        border: #333333 1px solid;
+        padding: 2px;
+        background-color: #111111; }
+  * html form.explorer-menu fieldset > div select {
+    overflow-x: hidden; }
+  form.explorer-menu fieldset > div select:hover {
+    border: #123e78 1px solid;
+    background-color: #222222; }
+  form.explorer-menu fieldset > div select:focus {
+    color: #eeeeee;
+    border: #2259a5 1px solid;
+    background-color: #333333; }
+        form.explorer-menu fieldset > div select option {
+          padding: 3px 0;
+          color: white;
+          background-color: #222222; }
+          form.explorer-menu fieldset > div select option.selected {
+            background-color: #123e78; }
+          form.explorer-menu fieldset > div select option:hover {
+            background-color: #2259a5; }
+      form.explorer-menu fieldset > div > div.description,
+      form.explorer-menu fieldset > div > div.error {
+        margin-top: 2px;
+        padding-left: 240px;
+        display: inline;
+        float: left;
+        margin-right: 0;
+        width: 230px; }
+  * html form.explorer-menu fieldset > div > div.description,
+  * html form.explorer-menu fieldset > div > div.error {
+    overflow-x: hidden; }
+      form.explorer-menu fieldset > div .radioSet {
+        margin: 5px 0; }
+    form.explorer-menu fieldset > div.error {
+      background: #660000; }
+  form.explorer-menu div.submit {
+    clear: left;
+    padding-left: 240px; }
+
+form.login {
+  padding-left: 360px;
+  display: inline;
+  float: left;
+  margin-right: 10px;
+  width: 230px;
+  margin: 20px 0 30px 0; }
+  * html form.login {
+    overflow-x: hidden; }
+  form.login fieldset {
+    border: none; }
+    form.login fieldset legend {
+      text-align: left;
+      padding-left: 0;
+      padding-bottom: 20px;
+      margin: 0;
+      font-size: 15pt; }
+    form.login fieldset > div {
+      display: block;
+      margin-top: 5px;
+      margin-bottom: 10px; }
+    form.login fieldset label {
+      width: 230px !important;
+      clear: left;
+      text-align: left; }
+    form.login fieldset input[type=email],
+    form.login fieldset input[type=password],
+    form.login fieldset input[type=text] {
+      width: 230px !important;
+      -moz-border-radius: 3px;
+      -webkit-border-radius: 3px;
+      -o-border-radius: 3px;
+      -ms-border-radius: 3px;
+      -khtml-border-radius: 3px;
+      border-radius: 3px;
+      color: #aaaaaa;
+      border: #333333 1px solid;
+      padding: 2px;
+      background-color: #111111;
+      margin-top: 3px;
+      padding: 4px;
+      clear: left;
+      font-size: 15pt; }
+  form.login fieldset input[type=email]:hover,
+  form.login fieldset input[type=password]:hover,
+  form.login fieldset input[type=text]:hover {
+    border: #123e78 1px solid;
+    background-color: #222222; }
+  form.login fieldset input[type=email]:focus,
+  form.login fieldset input[type=password]:focus,
+  form.login fieldset input[type=text]:focus {
+    color: #eeeeee;
+    border: #2259a5 1px solid;
+    background-color: #333333; }
+  form.login > div.submit {
+    display: inline-block;
+    padding-left: 0; }
+      form.login > div.submit a.button,
+      form.login > div.submit input[type=submit] {
+        margin: 0 10px 5px 0;
+        vertical-align: top; }
+
+  form#comment-add textarea {
+    display: inline;
+    float: left;
+    margin-right: 10px;
+    width: 470px; }
+  * html form#comment-add textarea {
+    overflow-x: hidden; }
+
+#mapbox {
+  margin: 1em 0 1em 0; }
+
+#map {
+  border: 1px solid black;
+  width: 100%;
+  height: 450px; }
+
+#mapStatusLine {
+  display: block;
+  width: 100%;
+  background-color: #dddddd;
+  border: 1px solid black;
+  margin: 0 4px 0 0;
+  padding: 1px; }
+
+#mapStatusLine > div {
+  color: black;
+  margin: 2px;
+  padding: 2px 4px;
+  border-left: 1px solid #888888;
+  border-right: 1px solid white;
+  display: inline; }
+
+#mapSearch > input,
+#mapSearch > label {
+  color: black;
+  margin: 0;
+  padding: 0;
+  float: none;
+  display: inline; }
+
+#mapSearch > label {
+  margin: 0; }
+
+.mapContextMenu * {
+  color: black;
+  margin: 0;
+  padding: 0; }
+
+.mapContextMenu {
+  display: block;
+  border: 1px solid blue;
+  background-color: #eeeeee; }
+  .mapContextMenu > ul {
+    list-style-type: none; }
+    .mapContextMenu > ul > li > a {
+      color: black;
+      padding: 0 3px;
+      text-decoration: none;
+      display: block; }
+  .mapContextMenu a:focus {
+    outline: none; }
+  .mapContextMenu a:hover {
+    background: #dddddd; }
+
+body {
+  background: black; }
+
diff --git a/webroot/ccss/default.sass b/webroot/ccss/default.sass
new file mode 100644
index 00000000..3b1fe36e
--- /dev/null
+++ b/webroot/ccss/default.sass
@@ -0,0 +1,13 @@
+
+@import default/colors
+@import default/text
+@import default/layout
+@import default/home
+@import default/explorer
+@import default/upload
+@import default/image
+@import default/form
+@import default/map
+
+body
+  background: $backgroundColor
\ No newline at end of file
diff --git a/webroot/ccss/default/_colors.sass b/webroot/ccss/default/_colors.sass
new file mode 100644
index 00000000..af7b715d
--- /dev/null
+++ b/webroot/ccss/default/_colors.sass
@@ -0,0 +1,34 @@
+$fontColor: #bbb
+$backgroundColor: #000
+$headerBackgroundColor: #666
+$sidebarBackgroundColor: #fff
+$contentBackgroundColor: #fff
+$footerBackgroundColor: #111
+
+$linkColor: #2259a5
+
+$menuColor: #000
+$menuBackgroundColor: darken(#fff, 5%)
+$menuActiveColor: #fff
+$menuActiveBackgroundColor: #579
+$menuHoverColor: #303
+$menuHoverBackgroundColor: #79b
+
+// Colors of jquery-ui
+$header-bg = #333
+$header-border = #222
+$header-text = #ccc
+$content-bg = #000
+$content-border = #222
+$content-text = #aaa
+$clickable-default-bg = #222
+$clickable-default-border = #222
+$clickable-default-text = #ddd
+$clickable-hover-bg = #2259a5
+$clickable-hover-border = #123e78
+$clickable-hover-text = #fff
+$clickable-active-bg = #123e78
+$clickable-active-border = #103565
+$clickable-active-text = #fff
+
+
diff --git a/webroot/ccss/default/_explorer.sass b/webroot/ccss/default/_explorer.sass
new file mode 100644
index 00000000..3782a394
--- /dev/null
+++ b/webroot/ccss/default/_explorer.sass
@@ -0,0 +1,278 @@
+@import colors
+@import grid
+@import border-radius
+@import opacity
+@import gradient
+
+.tooltip-anchor
+  display: inline-block
+  position: relative
+
+.tooltip-actions
+  display: none
+  z-index: 2
+  position: absolute
+  margin-top: 12px
+  top: 0px
+  left: -10px
+  width: 150px
+  padding: 3px 10px 10px 10px
+  > .sub
+    display: inline-block
+    padding: 2px
+    background-color: #ffd
+    +border-radius(4px)
+    border: 1px solid darken(#ffd, 60%)
+    > a > img
+        vertical-align: bottom
+
+=link
+  color: $linkColor
+  &:hover
+    background-color: $clickable-hover-bg
+    color: white
+
+=clickable
+  color: $clickable-default-text
+  background-color: $clickable-default-bg
+  border: 1px solid $clickable-default-border
+  +border-radius(3px)
+  &:hover
+    color: $clickable-hover-text
+    background-color: $clickable-hover-bg
+    border: 1px solid $clickable-hover-border
+  &:active
+    color: #clickable-active-text
+    background-color: $clickable-active-bg
+    border-bottom: 1px solid $clickable-active-border
+
+.p-navigator-pages
+  +column(24, true)
+  display: block
+  padding: 5px 0
+  > .sub
+    text-align: center
+    > a
+      margin: 0px 2px
+      padding: 3px 6px
+      cursor: pointer
+      +clickable
+    > .current
+      margin: 0px 2px
+      padding: 3px 6px
+      font-family: Ubuntu-bold
+      color: white
+
+#p-explorer-media-list > .row
+  margin: 5px 0
+  +column(24, true)
+  > .clear
+    display: block
+    clear: both
+  > .cell
+    position: relative
+    &:hover
+      background-color: $clickable-default-bg
+    &.selected
+      .preview,.actions
+        background-color: #203c60
+    h2
+      font-family: Ubuntu ! important
+      font-weight: normal
+      padding: 2px 2px ! important
+      position: absolute
+      top: 1
+      left: 1
+      z-index: 1
+      margin: 1px
+      +opacity(.0)
+      background-color: #000
+      a
+        +link
+    > .preview
+      display: table-cell
+      text-align: center
+      padding: 3px
+      > a
+        vertical-align: middle
+        > img
+          vertical-align: middle
+      > *
+        text-align: center
+        overflow: hidden
+    > .actions
+      position: absolute
+      background-color: $clickable-default-bg
+      +opacity(0.0)
+      > ul > li
+        display: inline
+        > a > img
+          padding: 3px
+          vertical-align: center
+          &:hover
+            background-color: $clickable-default-text
+    > .description
+      margin-top: 3px
+      *
+        color: #444
+    &:hover
+      > h2
+        +opacity(1.0)
+      > .actions
+        +opacity(.3)
+        &:hover
+          +opacity(1.0)
+      > .description
+        *
+          color: #888
+        a
+          +link
+
+#p-explorer-media-list.p-list-full,#p-explorer-media-list.p-list-compact
+  .cell
+    +column(6)
+  .cell-right
+    +column(6, true)
+  .preview
+    width: 230px
+    height: 230px
+    vertical-align: bottom
+    padding: 5px
+    img
+      margin: 3px 0px
+  .actions
+    right: 2px
+    top: 197px
+    padding: 4px
+#p-explorer-media-list.p-list-compact
+  .preview
+    vertical-align: middle
+#p-explorer-media-list.p-list-small
+  .cell
+    +column(3)
+  .cell-right
+    +column(3, true)
+  .preview
+    width: 110px
+    padding: 0px
+    height: 110px
+    vertical-align: middle
+  .actions
+    right: 0px
+    top: 77px
+    padding: 4px
+
+ul.p-breadcrumb
+  width: 100%
+  margin: 4px 0px
+  display: inline-block
+  > li
+    padding: 1px 3px ! important
+    display: inline-block
+    &.p-breadcrumb-header
+      background-color: #444
+      > span
+        padding: 0 3px
+        font-family: Ubuntu-bold
+    &.p-breadcrumb-crumb
+      > span
+        padding-left: 3px
+      > .p-breadcrumb-remove
+        background-image: url("../img/button-close.png")
+        background-position: center center
+        background-repeat: no-repeat
+        vertical-align: middle
+        padding: 0 10px
+        width: 15px
+        > span
+          display: none
+    &.p-breadcrumb-input > form
+      background-color: inherit
+      overflow: inherit
+      width: inherit
+      > div
+        > input, > div
+          display: inline-block
+        > input
+          border: 1px solid #888
+          background-color: #444
+        > input[type=text]
+          padding: 1px
+        > input[type=submit]
+          &:hover
+
+#p-explorer-menu-space
+  display: block
+  height: 24px
+
+$menu-color = #222
+$menu-bg-color = black
+$menu-link-color = #666
+$menu-link-hover-color = lighten($menu-link-color, 40%)
+
+#p-explorer-menu
+  +column(24, true)
+  z-index: 10
+  position: fixed
+  background-color: $header-bg
+  > ul
+    margin: 5px 1px
+    > li
+      display: inline
+      > a
+        padding: 3px
+        cursor: pointer
+        +clickable
+      &.active > a
+        padding: 4px 3px
+        color: #clickable-active-text
+        background-color: $clickable-active-bg
+        border-bottom: 1px solid $clickable-active-border
+  > .pages > ul
+    position: absolute
+    right: 0
+    top: 0
+    margin: 5px 1px
+    > li
+      display: inline-block
+      color: $content-text
+      > a
+        padding: 3px
+        +clickable
+  > #p-explorer-menu-content
+    border: 1px solid $content-border
+    background-color: $content-bg
+    > #p-explorer-all-meta, > #p-explorer-more
+      display: none
+      padding: 10px
+      > p
+        margin: 3px 0
+        > .tooltip-anchor
+          > a
+            padding: 0 3px
+            +link
+        > a
+          padding: 0 3px
+          +link
+    > form > div
+      display: none
+      padding: 10px 0
+
+dl.single-media
+  > dd, > dt
+    display: inline-block
+    float: left
+  > dd
+    clear: left
+  > dt
+    margin-left: 3px
+
+.p-explorer-input
+  +column(24, true)
+  z-index: 9
+  position: fixed
+  bottom: 26px
+  background-color: gray
+
+.auto_complete
+  display: none
diff --git a/webroot/ccss/default/_form.sass b/webroot/ccss/default/_form.sass
new file mode 100644
index 00000000..ea879c57
--- /dev/null
+++ b/webroot/ccss/default/_form.sass
@@ -0,0 +1,153 @@
+@import grid
+@import gradient
+@import border-radius
+
+=default-input
+  +border-radius(3px)
+  color: #aaa
+  border: #333 1px solid
+  padding: 2px
+  background-color: #111
+  &:hover
+    border: $clickable-hover-border 1px solid
+    background-color: #222
+  &:focus
+    color: #eee
+    border: $clickable-hover-bg 1px solid
+    background-color: #333
+
+form
+  fieldset
+    legend
+      padding: 20px 0 10px 240px
+      font-size: 12pt
+    border: 0
+    > div
+      clear: left
+      > label
+        +column(6)
+        margin-top: 15px
+        text-align: right
+      input[type=password],
+      input[type=text],
+      input[type=email],
+      textarea
+        +column(6, true)
+        +default-input
+        font-size: 12pt
+        width: 224px
+        margin-top: 10px
+      select
+        +default-input
+        font-size: 12pt
+        margin-top: 10px
+        option
+          padding: 3px 0
+          font-size: 12pt
+          background-color: $clickable-default-bg
+          &.selected
+            background-color: $clickable-active-bg
+          &:hover
+            background-color: $clickable-hover-bg
+      > img
+        margin-top: 12px
+      > .error, > .description
+        clear: left
+        +prepend(6)
+        +column(6, true)
+        margin-top: 3px
+    > .checkbox
+      input[type=checkbox]
+        margin-left: 240px
+        margin-right: 5px
+      label
+        width: 200px
+        float: none
+        text-align: left
+        display: inline-block
+  div.submit
+    +prepend(6)
+    margin-top: 15px
+
+form.explorer-menu
+  fieldset
+    +column(24, true)
+    padding: 5px 0
+    border: 0
+    legend
+      display: none
+    > div
+      > label
+        +column(6)
+        margin-top: 12px
+        text-align: right
+      input[type=text], textarea
+        +column(6, true)
+        margin-top: 10px
+        width: 224px
+        +default-input
+      select
+        margin-top: 10px
+        +column(6, true)
+        display: inline-block
+        +default-input
+        option
+          padding: 3px 0
+          color: white
+          background-color: $clickable-default-bg
+          &.selected
+            background-color: $clickable-active-bg
+          &:hover
+            background-color: $clickable-hover-bg
+      > div.description, > div.error
+        margin-top: 2px
+        +prepend(6)
+        +column(6, true)
+      .radioSet
+        margin: 5px 0
+    > div.error
+      background: darken(red, 30%)
+  div.submit
+    clear: left
+    +prepend(6)
+
+form.login
+  +prepend(9)
+  +column(6)
+  margin: 20px 0 30px 0
+  fieldset
+    border: none
+    legend
+      text-align: left
+      padding-left: 0
+      padding-bottom: 20px
+      margin: 0
+      font-size: 15pt
+    > div
+      display: block
+      margin-top: 5px
+      margin-bottom: 10px
+    label
+      +span(6, true)
+      clear: left
+      text-align: left
+    input[type=text],
+    input[type=email],
+    input[type=password]
+      +span(6, true)
+      +default-input
+      margin-top: 3px
+      padding: 4px
+      clear: left
+      font-size: 15pt
+  > div.submit
+      display: inline-block
+      padding-left: 0
+      a.button,
+      input[type=submit]
+        margin: 0 10px 5px 0
+        vertical-align: top
+
+form#comment-add
+  textarea
+    +column(12)
diff --git a/webroot/ccss/default/_home.sass b/webroot/ccss/default/_home.sass
new file mode 100644
index 00000000..8986a32c
--- /dev/null
+++ b/webroot/ccss/default/_home.sass
@@ -0,0 +1,57 @@
+@import grid
+@import tag-cloud
+@import opacity
+
+*
+  #random-media 
+    +column(12)
+
+  #newest-media
+    +column(12, true)
+
+  #recent-comments
+    clear: both
+  #recent-comments
+    +column(12)
+  #tag-cloud 
+    +column(6)
+  #category-cloud
+    +column(6, true)
+  .cloud
+    +tag-cloud(14pt)
+    .xxs, .xs, .s, .m, .l, .xl, .xxl
+      padding: 2px 5px
+      padding-left: 0
+    a
+      display: inline-block
+      &:hover
+        color: white
+        background-color: $clickable-hover-bg
+* #random-media .clip
+  position: relative
+  display: block
+  overflow: hidden
+  width: 100%
+  height: 309px
+  cite
+    position: absolute
+    bottom: 0
+    right: 0
+    background-color: black
+    +opacity(.6)
+    padding: 5px
+    &:hover
+      +opacity(.9)
+* #recent-comments
+    .comments
+      .comment
+        clear: both
+        .image
+          float: left
+        .meta, .text
+          margin-left: 85px
+          color: darken($fontColor, 50%)
+          .from
+            font-family: Ubuntu-bold
+    p
+      clear: both
diff --git a/webroot/ccss/default/_image.sass b/webroot/ccss/default/_image.sass
new file mode 100644
index 00000000..c40a205d
--- /dev/null
+++ b/webroot/ccss/default/_image.sass
@@ -0,0 +1,81 @@
+@import grid
+@import border-radius
+
+$nav-button-padding = 100px
+
+#p-media-preview
+  position: relative
+  overflow: hidden
+  > .image
+    display: table-cell
+    width: 960px
+    text-align: center
+    vertical-align: middle
+    > img
+      text-align: center
+      vertical-align: middle
+  > .navigator
+    background-color: white
+    > div
+      > .sub
+        +opacity(0.0)
+        a
+          color: white
+          display: block
+          background-color: black
+          padding: 10px
+          border: 1px solid black
+          font-size: 15pt
+      &:hover > .sub
+        +opacity(0.5)
+        &:hover 
+          +opacity(1.0)
+          a
+            background-color: lighten(black, 20%)
+            border: 1px solid lighten(black, 20%)
+    > .prev
+      position: absolute
+      top: 70px
+      left: 0
+      padding-right: $nav-button-padding
+      height: 100%;
+      > .sub a
+        +border-right-radius(15px)
+    > .up
+      padding: 0
+      padding-bottom: $nav-button-padding
+      position: absolute
+      top: 0
+      width: 100%
+      > .sub a
+        text-align: center
+        display: block
+        width: 120px
+        margin: 0 auto
+        +border-bottom-radius(15px)
+    > .next
+      position: absolute
+      top: 70px
+      right: 0
+      height: 100%
+      padding-left: $nav-button-padding
+      > .sub a
+        +border-left-radius(15px)
+
+#image-tabs
+  margin: 10px 0 5px 0
+  .meta a
+    color: $linkColor
+    &:hover
+      color: white
+      background-color: $clickable-hover-bg
+#comments
+  margin: 5px 0
+  > h3
+    font-size: 120%
+  > .comment
+    padding: 5px
+    &.even
+      background: lighten(black, 10%)
+    > .text
+      margin: 5px 0px 5px 20px
diff --git a/webroot/ccss/default/_layout.sass b/webroot/ccss/default/_layout.sass
new file mode 100644
index 00000000..5dc8dc24
--- /dev/null
+++ b/webroot/ccss/default/_layout.sass
@@ -0,0 +1,142 @@
+@import border-radius
+@import grid
+@import "compass/css3/gradient"
+@import text-shadow
+@import box-shadow
+
+*
+  margin: 0
+  padding: 0
+
+#page
+  display: block
+  width: 100%
+
+#header
+  background-color: $headerBackgroundColor
+  +linear-gradient(color-stops($headerBackgroundColor, darken($headerBackgroundColor, 20%)))
+  border-bottom: 2px solid darken($headerBackgroundColor, 20%)
+  width: 100%
+  > .sub
+    width: 950px
+    display: block
+    margin: 0 auto
+    > h1
+      padding: 5px 0
+      display: inline-block
+      a
+        color: white
+        font-size: 250%
+        +text-shadow(#444, 2px, 0px, 0)
+    > .subtitle
+      color: white
+      display: inline-block
+    > #top-menu
+      float: right
+      margin: 10px 0
+      > li
+        float: left
+        padding: 5px 2px
+        > a
+          padding: 5px 7px
+          color: darken(white, 50%)
+          +text-shadow(black, 1px, 0px, 0)
+          &:hover
+            +border-radius(5px)
+            background-color: darken($headerBackgroundColor, 25%)
+            border-color: darken($headerBackgroundColor, 35%)
+            color: white
+
+#main-menu
+  background-color:darken($headerBackgroundColor, 30%)
+  > .sub
+    width: 950px;
+    display: block
+    margin: 0 auto
+    > ul li
+        display: block
+        float: left
+        > a
+          color: lighten(black, 60%)
+          background-color: lighten(black, 20%)
+          +border-radius(5px)
+          display: block
+          margin: 5px
+          margin-left: 0
+          padding: 5px 15px
+          &:active, &:visited
+            color: lighten(black, 60%)
+            +text-shadow(black, 1px, 0px, 0)
+          &:hover
+            background-color: lighten(black, 40%)
+            color: white
+    #quicksearch
+      display: block;
+      float: right;
+      .inputWrap, .submitWrap
+        display: block
+        float: left
+        overflow: hidden
+        height: 24px
+        margin: 5px 0
+        background-color: lighten(black, 20%)
+        input
+          border: none
+          background-color: lighten(black, 20%)
+          padding: 5px
+      .inputWrap
+        +border-left-radius(5px)
+        input
+          border: none
+          background-color: lighten(black, 20%)
+      .submitWrap
+        +border-right-radius(5px)
+        &:hover
+          background-color: lighten(black, 40%)
+          color: white
+          cursor: pointer
+          input
+            background-color: lighten(black, 40%)
+            cursor: pointer
+      .clear
+        clear: both
+  .clear
+    clear: both
+
+#main
+  +container
+  > .sub
+    +column(24, true)
+    #content > .sub
+      +column(24, true)
+      margin-bottom: 10px
+
+#footer
+  +container
+  > .sub
+    +column(24, true)
+    background-color: $footerBackgroundColor
+    > p
+      padding: 5px
+
+.box
+  position: relative
+  padding: 5px
+  > h1
+    @include border-radius(5px)
+    background-color: #eee
+    +linear-gradient(colour-stops(#eee, darken(#eee, 10%)))
+    color: #666
+    +text-shadow(white, 1px, 0px, 0)
+    border: 1px solid #bbb
+    padding: 3px 12px
+
+.info,
+.message
+  color: white
+  display: block
+  margin: 5px 0
+  padding: 10px
+  background-color: #009100
+  border: 1px solid #006500
+  +border-radius(2px)
diff --git a/webroot/ccss/default/_map.sass b/webroot/ccss/default/_map.sass
new file mode 100644
index 00000000..adea8c48
--- /dev/null
+++ b/webroot/ccss/default/_map.sass
@@ -0,0 +1,56 @@
+#mapbox 
+  margin: 1em 0 1em 0
+
+#map 
+  border: 1px solid #000
+  width: 100%
+  height: 450px
+
+#mapStatusLine 
+  display: block
+  width: 100%
+  background-color: #ddd
+  border: 1px solid #000
+  margin: 0 4px 0 0
+  padding: 1px
+
+#mapStatusLine > div
+  color: black
+  margin: 2px
+  padding: 2px 4px
+  border-left: 1px solid #888
+  border-right: 1px solid #fff
+  display: inline
+
+#mapSearch > label,
+#mapSearch > input 
+  color: black
+  margin: 0
+  padding: 0
+  float: none
+  display: inline
+
+#mapSearch > label 
+  margin: 0
+
+.mapContextMenu * 
+  color: black
+  margin: 0
+  padding: 0
+
+.mapContextMenu 
+  display: block
+  border: 1px solid blue
+  background-color: #eee
+  > ul 
+    list-style-type: none
+    > li > a 
+      color: black
+      padding: 0 3px
+      text-decoration:none
+      display: block
+  a:focus 
+    outline: none
+  a:hover
+    background: #ddd
+ 
diff --git a/webroot/ccss/default/_text.sass b/webroot/ccss/default/_text.sass
new file mode 100644
index 00000000..ffc5edb7
--- /dev/null
+++ b/webroot/ccss/default/_text.sass
@@ -0,0 +1,68 @@
+@import font-face
++font-face(Ubuntu, font-files("ubuntu/ubuntu-r-webfont.woff", "woff", "ubuntu/ubuntu-r-webfont.ttf", "truetype"), "ubuntu/ubuntu-r-webfont.eot")
++font-face(Ubuntu-bold, font-files("ubuntu/ubuntu-b-webfont.woff", "woff", "ubuntu/ubuntu-b-webfont.ttf", "truetype"), "ubuntu/ubuntu-b-webfont.eot")
++font-face(Cousine, font-files("cousine/cousine-regular-latin-webfont.woff", "woff", "cousine/cousine-regular-latin-webfont.ttf", "truetype"), "cousine/cousine-regular-latin-webfont.eot")
+
+*
+  color: $fontColor
+  font-size: 10pt
+  font-weight: normal
+  text-decoration: none
+  font-family: Ubuntu, Verdana, sans
+a
+  color: $linkColor
+  &:hover
+    color: lighten($linkColor, 20%)
+  &:visited
+    color: darken($linkColor, 5%)
+
+img
+  border: none
+
+ul, ol
+  list-style-type: none
+
+
+#content > .sub
+  h1, h2, h3
+    font-family: Ubuntu-bold
+    padding: 10px 0
+  h1
+    font-size: 15pt
+  > p, > p > a, > ul > li
+    font-size: 12pt
+  > ul
+    padding: 10px 0
+    list-style-type: circle 
+    > li
+      padding: 5px 0 5px 20px
+  > p
+    padding: 5px 0
+  > code
+    font-family: Cousine
+    font-size: 10pt
+    background-color: darken(white, 10%)
+    color: lighten(black, 20%)
+
+  > .error, > .notice, > .warning
+    margin: 5px 0
+    padding: 10px
+    color: black
+    > *  
+      color: black
+  > .error
+    border: 1px solid red
+    background-color: lighten(red, 30%)
+  > .notice, > .warning
+    border: 1px solid yellow
+    background-color: lighten(yellow, 30%)
+pre
+  padding: 10px
+  background-color: #aaa
+  color: #333
+  font-family: Cousine, monospace 
+  *
+    font-family: Cousine, monospace 
+    color: #333
+  strong
+    color: #000
diff --git a/webroot/ccss/default/_upload.sass b/webroot/ccss/default/_upload.sass
new file mode 100644
index 00000000..7bb51903
--- /dev/null
+++ b/webroot/ccss/default/_upload.sass
@@ -0,0 +1,30 @@
+@import colors
+@import grid
+@import border-radius
+@import opacity
+@import gradient
+
+.content-browser
+  #upload
+    #upload-drop-area
+      margin: 20px 0
+      border: 3px dashed $clickable-hover-border
+      width: 300px
+      height: 120px
+      display: block
+      p
+        margin-top: 45px
+        text-align: center
+    .upload-status
+      .file, .total
+        margin: 20px 0
+        p
+          margin: 10px 0
+    .media-list
+      p
+        margin: 10px 0
+      .thumbs a
+        margin-right: 5px
+        margin-bottom: 5px
+        img
+          background-color: $content-border
\ No newline at end of file
diff --git a/webroot/ccss/explorer.css b/webroot/ccss/explorer.css
new file mode 100644
index 00000000..22374706
--- /dev/null
+++ b/webroot/ccss/explorer.css
@@ -0,0 +1,252 @@
+.thumbs  {
+  float: left;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+
+.thumb {
+  width: 95%;
+}
+.unselected {
+  margin: 2px;
+  padding: 3px;
+}
+
+.selected {
+  margin: 2px;
+  padding: 3px;
+  background-color: #bdf;
+}
+
+.thumb h2 {
+  font-size: 110%;
+}
+
+.thumb h2 img {
+  vertical-align: middle;
+}
+
+.image {
+  margin: 0px;
+  padding: 2px 2px; 
+  text-align: center;
+}
+
+.image * img {
+  vertical-align: middle; 
+  border: 1px solid black;
+}
+
+.mediaPreview {
+  margin: 0px;
+  padding: 2px 2px;
+}
+
+.user {
+  text-align: center;
+}
+
+.user img {
+  vertical-align: middle; 
+}
+
+.meta {
+  margin: 0; 
+  padding: 0;
+  border: 1px solid #ddd;
+  background-color: #f0f0f0;
+}
+
+.meta * td {
+  margin: 0px;
+  padding: 0px;
+}
+
+.meta * a {
+  text-decoration: none;
+}
+
+.meta * a:hover {
+  color: white;
+  background-color: #f63;
+}
+
+.meta * fieldset {
+  margin: 0;
+}
+
+.paginator {
+  width: 95%;
+  display: block;
+  color: #8C8C8C;
+  margin: 10px 0;
+  text-align: center;
+}
+
+.subpaginator {
+  font-size: 85%;
+  margin: 2px auto;
+  padding: 3px;
+}
+
+.subpaginator a {
+  text-decoration: none;
+  padding: 2px 6px;
+  margin: 3px 0;
+  background-color: #ffffff;
+  border: 1px solid #b3b3b3;
+}
+
+.subpaginator a:hover {
+  border: 1px solid #000;
+  background-color: #f63;
+  color: #ffffff;
+}
+
+.subpaginator a.prev,
+.subpaginator a.next {
+  margin: 3px 8px;
+}
+
+.subpaginator .current {
+  font-weight: bold;
+  font-size: 100%;
+  padding: 4px 8px;
+  margin: 0 1px;
+  color: white;
+  background-color: #182e7a;
+  border: 1px solid #000;
+}
+
+.edit {
+  clear: both;
+}
+
+#mapbox {
+  margin: 1em 0 1em 0;
+}
+
+#map {
+  width: 100%;
+  height: 350px;
+  border: 1px solid #000;
+}
+
+#mapStatusLine {
+  display: block;
+  width: 100%;
+  background-color: #ddd;
+  border: 1px solid #000;
+  margin: 0 4px 0 0;
+  padding: 1px;
+}
+#mapStatusLine div {
+  margin: 2px;
+  padding: 2px 4px;
+  border-left: 1px solid #888;
+  border-right: 1px solid #fff;
+  display: inline;
+}
+#mapSearch label,
+#mapSearch input {
+  margin: 0;
+  padding: 0;
+  float: none;
+  display: inline;
+}
+#mapSearch label {
+  margin: 0;
+}
+
+.mapContextMenu * {
+  margin: 0;
+  padding: 0;
+}
+.mapContextMenu {
+  display: block;
+  border: 1px solid blue;
+  background-color: #eee;
+}
+.mapContextMenu ul {
+  list-style-type: none;
+}
+.mapContextMenu * a {
+  padding: 0 2px;
+  text-decoration:none;
+  display: block;
+}
+.mapContextMenu * a:focus {
+  outline: none;
+}       
+.mapContextMenu * a:hover {
+  background: #ddd;
+}       
+       
+/** Patches for the menu list */
+#submenu li.multi {
+  margin: 0;
+  padding: 3px 0 3px 10%;
+  border-bottom: 1px #eee solid;
+}
+
+#submenu li.multi a {
+  display: inline;
+  padding: 3px 0px 3px 0px;
+  border-style: none;
+}
+
+#submenu li.multi .actionlist {
+  display: none;
+}
+
+.p-explorer-cell h2 {
+  font-size: 10pt;
+}
+.p-explorer-cell {
+  display: inline-block;
+  width: 240px;
+  height: 100%;
+  position: relative;
+}
+
+.p-explorer-cell-image {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  width: 240px;
+  height: 220px;
+}
+.p-explorer-cell-image * {
+  vertical-align: middle;
+}
+/*\*//*/
+.p-explorer-cell-image {
+  display: block;
+}
+.p-explorer-cell-image {
+  display: inline-block;
+  height: 100%;
+  width: 1px;
+}
+/**/
+.p-explorer-cell-caption {
+  text-align: center;
+  height: 12pt;
+}
+.p-explorer-cell-meta {
+  display: block;
+  width: 240px;
+  border: 1px  solid #888;
+  opacity: .0;
+  background-color: white;
+  position: absolute;
+  bottom: 12pt;
+}
+.p-explorer-cell-meta table tbody tr td {
+  margin: 0;
+  padding: 0;
+}
+.p-explorer-cell-meta:hover {
+  opacity: .9;
+}
diff --git a/webroot/ccss/formular.css b/webroot/ccss/formular.css
new file mode 100644
index 00000000..ac38a1fa
--- /dev/null
+++ b/webroot/ccss/formular.css
@@ -0,0 +1,157 @@
+/* Forms */
+fieldset {
+  margin: 5px 0 5px 0;
+  background-color: white;
+  border-top: 1px solid #888;
+  border-bottom: 1px solid #888;
+}
+
+fieldset legend {
+  margin: 0px 0px 0em 0em;
+  padding: 3px;
+  font-weight: bold;
+  border: 1px solid #888;
+  background-color: white;
+}
+
+fieldset fieldset {
+  margin-top: 0px;
+  margin-bottom: 20px;
+  padding: 16px 0;
+}
+
+fieldset fieldset legend {
+  font-weight: normal;
+  margin-left: 20px;
+}
+fieldset fieldset div {
+  clear: left;
+  margin: 0 20px;
+}
+form fieldset div.input {
+  clear: both;
+  margin-bottom: 1em;
+  padding: .5em;
+  vertical-align: text-top;
+}
+form fieldset div.input {
+  color: #444;
+}
+form fieldset div.required {
+  color: #333;
+  font-weight: bold;
+}
+form div.submit {
+  border: 0;
+  clear: both;
+  margin-top: 5px;
+}
+label {
+  float: left; 
+  display: block;
+  width: 140px; 
+  padding-right: 5px; 
+  text-align: right; 
+}
+form fieldset div .hint {
+  float: left;
+  font-weight: normal;
+  font-style: italic;
+  padding: 0 1em;
+  color: #888;
+}
+form fieldset div img {
+  float: left;
+}
+
+input[type=text],
+input[type=password],
+select,
+textarea {
+  float:left;
+  background-color: #efefef;
+  border: 1px #bbb solid;
+}
+input[type=text]:hover,
+input[type=password]:hover,
+select:hover,
+textarea:hover {
+  border: 1px solid black;
+}
+input[type=text]:focus,
+input[type=password]:focus,
+select:focus,
+textarea:focus {
+  border: 1px solid black;
+  background-color: #ffffd0;
+}
+select[multiple=multiple] {
+  width: 100%;
+}
+option {
+  padding: 0 3px;
+}
+fieldset * input[type=checkbox] {
+  clear: left;
+  float: left;
+  margin: 0px 6px 0px 145px;
+  padding: 5px;
+  width: auto;
+}
+.checkbox label {
+  float: left;
+  text-align: left;
+  width: auto;
+}
+
+input[type=submit] {
+  color: black;
+  padding: 3px;
+  font-weight: bold;
+  background-color: white;
+  border: 1px solid #888;
+}
+
+input[type=submit]:hover {
+  color: white;
+  background-color: #f63;
+}
+
+input[type=reset],
+.reset {
+  color: white;
+  font-weight: bold;
+  background-color: #182e7a;
+}
+.reset {
+  border: 1px solid black;
+  padding: 4px;
+  margin: 0 3pt 0 3pt;
+}
+
+.searchBox {
+  width: 100%;
+}
+
+.searchBoxSub {
+  float: right;
+  width: 150px;
+  height: 18px;
+  border: 1px solid #888;
+  background: #cf9;
+}
+
+.searchBoxSub form input[type=text] {
+  float: left; 
+  padding: 0;
+  margin: 1px 0 0 1px;
+  border: 0;
+  width: 132px;
+  background: none;
+}
+
+.searchBoxSub form input[type=image] {
+  float: right;
+  margin: 1px 1px 0 0;
+  background: none;
+}
diff --git a/webroot/ccss/images/debug.png b/webroot/ccss/images/debug.png
new file mode 100644
index 0000000000000000000000000000000000000000..52ad3ff92ddc1c8fdaca327dc1a21e7423165bd1
GIT binary patch
literal 1855
zcmV-F2f+A=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO2XskIMF-Xe7!MW<ON<*+000KwNkl<Zc-pm>e@vA39miky8xD^j
z;!#C@2^LC^LV?y;DJU_f5phe5Zf)swnRCV|R+CXn6J0{K=$3427O|_VovuQEE!k*g
zF{=%hwc9c+^A}Dihl+5ZcfcJy&)xCdeV=E498eh|Hl^?6xyyZ@@AJIhpYP}M`F`K0
zV=8iit-wkk6)-V32m!r7D{u^GpSYnL|26`@(4l*=m{o?SsU(F=jB~^vCPXh?oTZ72
ze5Pt>hk>5}A>Fu$lXjAy{}~MwvkG)z$pXs~&{@7Fy9!|sNbO<V@&NzfG>56hi|0My
zSsk!3nwa<h$T^mfi?tB!JHVX5oI(UudOz@T>8)<s$IkO>_A*AW$^iWKJM7A=;00{u
zko;3HBrxaD8Nuo>V9PUcyG3GH^>B+WyB;VgW+nQ0khB}nfAyEkjBr!e!FAJBZt1>2
z!gtS9XhI|Ik!Uh1?4<E9K!Fj6io!}vG3aAvCh;-I06nC#6f3s7#)t5yy2)Ldh0$n4
zQ50M*7v0^xq$$}LR1=y2O@I&@;jqd>Me&%L%m7i7@fzaqALRhI@Z!NuAA<1Y_>gIU
z?3`?jMk4@bvzd&H46>d~qdj~MMGB!xAS4YTX@q4Jz46OsHa_@5Ym=XTM)4R1P_-~Z
zh<nbq*=(fdCDV20D(U_Cgzji~eL=i_FK(abs|&DVV_0)Dq~1XYfxRFOS(X{NJc!HX
zV)5d|)1FC5Nn!im8eWoK!$v%V_;E9g2lwP0{j5O?&_b{vm`u<=#-QwGR3627=?0mZ
znFNryaP|rwk7wHBLqkJo0X-p<87cJB2vyL+&@<M>e*&K&`DIiYOp=u>DW8B8K#@WO
z`~gfR6U8eF3CICHefu1*|L!OkFJ8pw^U>DU#t*-{opP~(SZ40)$rNY;)WCSe0{TTS
zcSIj|!~i*>2)jroNu*OCbad%1lVA7<0Cu~b)tgpw@@OMxYCq>s+8F{m8H*OhGS=`E
z&tM^XO5xsHKnPShLXLn`k;6^V#fTW;wrEBOL6S(pBCM2te;IbWoz~V?N=iydNJyZ1
z-%iTcU7@9=1((Z()oSIF_fJuJc|A7bXHUU|fQf6qyogfy+a$`18Iu)cS!Pi7;FtZF
z&1L}l`};8%3;-yKLS9}T)z#IMm6Z_)1n|dr@z9ToV2C@j3lK7>5)4Wn6e&!sWT#a6
z78|8q6iVg9Nei&$n}~~xV|aKNizRYW_4V~pRaM2{;2;eR4IHU>mm3EI6#Z*G*JxuK
zD_KVxXZZ`-csox|K{!I*E1Y~NPGA!W6o?Y$i-j135vO{U@@>m;I2-`9w6w5d#R^78
zN7=Jy5B2r+Bqk=({N8DdMDaGSP9ZX5A%IMXvHRD6Ma&~8#uyPd=@H!sArL}PA}Z+V
z>A~S};Pd(D=;&a>h7Ii4v4gt0I+Bu-=;-Lc>FQ(^-^0N&oLnIaE4dW2mKVt6Q3T@t
z0^-F(Yz*(@pXx_+hp!S85>_#f5ivqqbSeM`4<2Om=FK!UHIbK>M{aH|ot>R*dtxtn
z(i#dVVG}!%89^b45i`+P8ODv9{+R^`DbfLUC5_6!RunnR-$(w+$MT;sufELol4o%`
zodknH($mwatE;22u@Qi#rY15Z2XFFo{>D2T;Ukh+0>nl9z-(<8yar>PpsA6~XySGU
zPIk5afYQ=Z02&(`sjaQ$(4j-r)YPEY>+$&_$FD*V8wvE{<V7l}<p}w#xUaR-PdTr{
zcauj@$rfJ!)v?Ln`}glBHa0f03l<mC+}zCil;=4AQV(fl^D_0AFms)&{D@VoWij1f
zdeB+6;(H*L`8?cI&XM{flVj1*(HuB%0D!|U|DGtx#wm`IPBzc*97p+tY#tw9dO<JF
zY3=vG0wz|$Sv|%p`(DBC_fNH2s*X{-_>p*(8r-;ejO8@Y#s_rs7UwCV4BeywpP>e3
z!}Ho++JAYDsyBbkf^`-$b0V(wwxO5RY^IG?y12}4*0PU!9_Q)tBILn}@Im0<NgSTz
zNGE*s&`Ah|{cIwZ1Y(G#j;(ybC3aIm1D}%`@qPD&5l{liGb+3nqKP4g!YN~GsUneu
zH1Zo3l7>QX$~(h^5QI?)qar4DM8ybP`8OYzJ<1bb+j?i=U_WmVLcxfcK?bIzU>FZR
zh8V@mb*=%l8-Zh|I8nBoH6*f#Zwe}5d<@~mgNqwn;8TD%bmN`Sw17pGTi8c38Q+iq
zF&_DU`H<sy@tg)KCwe0acukLfOAbZ4r94JFi5M`<&EGOqytwJ$0$p4}MLh{@2mJp(
t_bK2HfD=&0UE*9^3eXK42TJZH{2z>z6)e+?1BCzp002ovPDHLkV1lt-X_){3

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/error.png b/webroot/ccss/images/error.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b00ad67906bb197099ecb5f014574409908faa2
GIT binary patch
literal 1371
zcmV-h1*H0kP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru)&&?36Cea5gY^Ia1n5ab
zK~#9!wU=9LR8<s)zrE)ocS{UHL25%nJL61C4Wvzj#l&KyB1k0!iJ?McQzU8dQlil}
zABiG77$JfZp@~629=yb+;U<WIMo=0rLz|`uWLhXK?HriPIkSA2X_?Zw0c9mClbrqU
z^M8A<owet{$XEn?4Rit#K*lJ;Ks&GtC`~j}@!v_nE(ffBMJZkc@&SiZj75Y+@BxQ_
zW)X?TKpKFM0_?!gZg}ont?>Z3-B4Z*GiHF@{$TE=30JOQo;-=aql2R&Y!;y#4g#wb
zuyGoEc3x{{PMHFYjZjv`Scix(aQry!+qctd7`!Dy5MH$bJ3de<cd5exTeiTwc|4R*
z3YDLat)PIxBS+{Fp#vV(fOjE4WhE38B%K=o{!og6EPMvy+Q6NqLo^DeiG)H-aJiT=
ze?D_!=gX@B=QyQOt~>yAPMwOoqJm4)rr}Rx-UD3C&Ba|&fp6kO`om!e2I1B%Fbu>n
zundDq1qC=_Q=EEu_PB8=&7UeM!Rd73DK4ge)+{cME-;rZi<^0QxI7-5PA5eR7SQH&
z(i;d2n@0_UXdp0RYRV&?Xl}FF;$>90+-`hIajC0|*&-;*qRTW178X*NP(p{pLFuAJ
zH0|Ea(=9C&_4Z;64$>VAa{b1Q^Z?1s6QjW8qAeVz!{<X;7D0~(kIOYm=X5%$UbBXp
zJ$rbswUsA<AP^E6*63sa9ZFGHRFu?wD7?kR^ylRfC@jR|^`_M2<m9lmsfmx2q9@6?
zPOKxA1(67IZr`Tu+&LtHG+8VtEoELwN%}4r4)gwo4XhJkLXvTNf--hmEsM#P#mt*G
zIU9{qT3-GDP0*yiriR5wkMc~s?+>QjfnX2<f#IBC7(9OdJSR__xG!_dve;N#OUeHI
zECq5?=tcq<#)!-}45ptxO-pn0J)6H-TZ?<&KB|>sb{g%S5`;oAW6K(mb1jR=v15E6
z4D!<Q<r&SR(P+$k?_O3aMP3HIebf$ER_q2#fEchW91cg8EnhJ?CkFwZ$U>j|3?!7{
zlwr`jcrh<jRb>tE@wRPTX=q@l2+^zohDwl-zZeGBmMmfEvSs&p@x>t88yff`1H>JG
zo*wAzgpLmI`S{_&1$+w^vZA{BK5yR`L|a`QO(LZ0C~{hBk%T;}wQO9!UZT;cqzlWk
zGHOiIl-E|Qke{@c|Fo7fTFYUjq(LbGt|tYk9zS0Eet*Unzp-|$yt`>rMhKtJC(qk#
z@_V)b?OMyKvNGxG>q}`~S5qTfm6DxG$>uZ=e!pL;JRUiqwfvPWKsty-^RBq|kW$i^
z1j6t4OO@9vhqab#_fmpX5TQ^=)~#MG+Y-!&@~~2}slHxJ(;Q{qr?o`x2Otrmy}eyl
zR#wXA@fRi2wkRd9S69o$ix;KJ>y_`~=8^&6cC%6viHnluKU&L5n@zsaTCS$iMYNVb
zwU$*jn;eL5`_S`ST1%(a@~hTzP${X40bEwVZ*MDA_D&XGL1w!DaCb!naNITbI?xSt
zi}0lgr{G6Buw$1<*|SP9lZO{3a3c=!H*hBQc!!F2!$Z^I<wm8L`;Y)EpdV-j_KFaI
zuYlU2eSZY_R6)H5v{xw}18ifs`X1n1>}$vbJ^?-ith)<e4AcS@@!QlsMhp?)5^xOI
d4g5Pa@IOU1-j`IMZu|fM002ovPDHLkV1k-_Ym)!~

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/header.png b/webroot/ccss/images/header.png
new file mode 100644
index 0000000000000000000000000000000000000000..79bbf7c1c04966237e2a8c00310fe6ecea32ae7e
GIT binary patch
literal 4655
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
Th2OfMgFwff+#QKWk(d7kcOhNH

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/header.svg b/webroot/ccss/images/header.svg
new file mode 100644
index 00000000..fdff6961
--- /dev/null
+++ b/webroot/ccss/images/header.svg
@@ -0,0 +1,273 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="840.00006"
+   height="70"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="header.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/var/www/cake/phtagr/webroot/css/images/header3.png"
+   inkscape:export-xdpi="200"
+   inkscape:export-ydpi="200">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3298">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.84684682;"
+         offset="0"
+         id="stop3300" />
+      <stop
+         id="stop3306"
+         offset="0.23258989"
+         style="stop-color:#ffffff;stop-opacity:0.1981982;" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.13513513;"
+         offset="1"
+         id="stop3302" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3285">
+      <stop
+         id="stop3287"
+         offset="0"
+         style="stop-color:#005100;stop-opacity:1;" />
+      <stop
+         style="stop-color:#02d503;stop-opacity:1;"
+         offset="1"
+         id="stop3289" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3185">
+      <stop
+         id="stop3193"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:0.65454543;" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop3189" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3175">
+      <stop
+         id="stop3177"
+         offset="0"
+         style="stop-color:#00ab00;stop-opacity:1;" />
+      <stop
+         style="stop-color:#02d503;stop-opacity:1;"
+         offset="0.72998208"
+         id="stop3179" />
+      <stop
+         id="stop3181"
+         offset="1"
+         style="stop-color:#8cff8c;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3160">
+      <stop
+         style="stop-color:#00ab00;stop-opacity:1;"
+         offset="0"
+         id="stop3162" />
+      <stop
+         id="stop3168"
+         offset="0.72998208"
+         style="stop-color:#02d503;stop-opacity:1;" />
+      <stop
+         style="stop-color:#8cff8c;stop-opacity:1;"
+         offset="1"
+         id="stop3164" />
+    </linearGradient>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="-50 : 600 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="700 : 600 : 1"
+       inkscape:persp3d-origin="300 : 400 : 1"
+       id="perspective10" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3185"
+       id="linearGradient3191"
+       x1="408.32147"
+       y1="176.81375"
+       x2="408.32147"
+       y2="121.43958"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3285"
+       id="linearGradient3279"
+       gradientUnits="userSpaceOnUse"
+       x1="348.92722"
+       y1="175.21393"
+       x2="348.92722"
+       y2="103.75942"
+       gradientTransform="matrix(1.2495032,0,0,1,-3.5643316,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3298"
+       id="linearGradient3304"
+       x1="445.41965"
+       y1="103.78519"
+       x2="445.41965"
+       y2="114.729"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3285"
+       id="linearGradient3313"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2495032,0,0,1,-3.5643316,0)"
+       x1="348.92722"
+       y1="175.21393"
+       x2="348.92722"
+       y2="103.75942" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3185"
+       id="linearGradient3315"
+       gradientUnits="userSpaceOnUse"
+       x1="408.32147"
+       y1="176.81375"
+       x2="408.32147"
+       y2="121.43958" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3298"
+       id="linearGradient3317"
+       gradientUnits="userSpaceOnUse"
+       x1="445.41965"
+       y1="103.78519"
+       x2="445.41965"
+       y2="114.729" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3298"
+       id="linearGradient3320"
+       gradientUnits="userSpaceOnUse"
+       x1="445.41965"
+       y1="103.76593"
+       x2="445.41965"
+       y2="114.729"
+       gradientTransform="matrix(0.9591583,0,0,0.9590338,0.5834532,7.2420374)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3185"
+       id="linearGradient3323"
+       gradientUnits="userSpaceOnUse"
+       x1="408.32147"
+       y1="175.68224"
+       x2="408.32147"
+       y2="121.43958"
+       gradientTransform="matrix(0.9591583,0,0,0.9590338,0.5834532,7.2420374)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3285"
+       id="linearGradient3326"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1984713,0,0,0.98,-2.8353033,5.0659342)"
+       x1="348.92722"
+       y1="175.21393"
+       x2="348.92722"
+       y2="103.79076" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="359.3611"
+     inkscape:cy="-122.29268"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1680"
+     inkscape:window-height="984"
+     inkscape:window-x="0"
+     inkscape:window-y="22" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <dc:date></dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title></dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title></dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <dc:publisher>
+          <cc:Agent>
+            <dc:title></dc:title>
+          </cc:Agent>
+        </dc:publisher>
+        <dc:identifier></dc:identifier>
+        <dc:source></dc:source>
+        <dc:relation></dc:relation>
+        <dc:language></dc:language>
+        <dc:subject>
+          <rdf:Bag />
+        </dc:subject>
+        <dc:coverage></dc:coverage>
+        <dc:description></dc:description>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title></dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <cc:license
+           rdf:resource="" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-14.285716,-106.78088)">
+    <rect
+       style="fill:url(#linearGradient3326);fill-opacity:1;stroke:none;stroke-width:8.69999981;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect2388"
+       width="840"
+       height="70"
+       x="14.285716"
+       y="106.78088" />
+    <path
+       style="opacity:0.08715599;fill:url(#linearGradient3323);fill-opacity:1;stroke:none;stroke-width:8.69999981;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 14.285716,162.26784 C 140.94888,162.26784 260.90937,123.70756 395.36419,123.70756 C 535.59402,123.70756 701.07853,142.40214 854.28572,142.40214 C 854.28572,163.72064 854.28572,176.78088 854.28572,176.78088 L 14.285716,176.78088 C 14.285716,176.78088 14.285716,169.89011 14.285716,162.26784 z"
+       id="rect3172"
+       sodipodi:nodetypes="cscccc" />
+    <path
+       style="fill:url(#linearGradient3320);fill-opacity:1;stroke:none;stroke-width:8.69999981;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+       d="M 14.285716,106.78088 L 854.28575,106.78088 L 854.28575,111.98706 C 854.28575,111.98706 563.20297,117.5277 437.16321,117.26174 C 311.12345,116.99578 14.285716,110.06899 14.285716,110.06899 L 14.285716,106.78088 z"
+       id="rect3295"
+       sodipodi:nodetypes="ccczcc" />
+  </g>
+</svg>
diff --git a/webroot/ccss/images/icon.png b/webroot/ccss/images/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..70c2e7e9717cf1a05b563bf8dbc95b1716b8363d
GIT binary patch
literal 5048
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
O0000<MNUMnLSTaO9jp}q

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/info.png b/webroot/ccss/images/info.png
new file mode 100644
index 0000000000000000000000000000000000000000..761c4f17a65e20acaa9ef693424ff789b526a2d1
GIT binary patch
literal 1417
zcmV;41$O$0P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru)&&?36&9VtvFZQ-1r|v}
zK~#9!wU=vXQ)d{*f9K@nVzIR$y_wXOSfsQ#yCtR4Nrx0KxZ!k;Io-aDB8)l3f>>dQ
zuy3Oi_d$o^WjaCpw8?Y~oUXGtW?_`dw6>kv=%BVqj*V?D&E;J7A!%xD(<Y<-;o-cT
z^PcDVzt8PFM_@Wu0WCliP!32e3=+V<z)j#RFfjQ*NL|gqH-f;Y>(?W0+5}D~NDE{>
z9)|}H;PPeY>OujI0$%{C0Eobkm6dF{bO{<80Zc$GP__V0NB~b!ls-mA6s}x>Lx&&`
z;2h8*0G|{Va<01@mM<58Ex<=WAqxpjlX>>+dmcZ&MpqZ?-w%ld?;3!U2M$oaZ5zNo
z;A6lttCDCGyj~a{7V!Bb{C)|)-+<o_fdIr}U@~P2T^^G3CW(YZEOv*H5%73eA^~-4
z*8;eJcQP6t95iAy+9@tBp{y()gTXLukD@39gF&7=@u8|iIGrk%^f`1uN7prMw)e=(
z>tw}>K{`69lK@Lz9;w8iiAV$<J+e|=y$X}bl+neKBw@8$v0AM}qm}ga-Jz=LIRynO
zkQ7~4(KMAMOX@M11_3PMl#1D7J~(KmrsnlIjlT?w#X@cE8}#<ZiO0i07+p__s)i9o
z^Az#<%ExRjLwX^o(P)%FAb_GMSS%JqQ6v(HU@#acDk@47HJi<Vjj^%6DK37BuKS5b
zgN%(u2?if!M?g`)Xq-Cv(9jU$<KvW+ln{+Z>F@7H(=<v;OUcjAr@OlwyWLJ@WhDUD
zum46c_$3=QXy|$}oPhw0k5AbU=OQ4AI*Ova;E^~rH8t35HoRUhYu2oxsi_HBmT@>7
zG&VLO%W`_Z-|xq4*5(Y?OCHbxEhQ=jgUZCjMEa@I=}fN$K|q#e;_)~}qcMHo?RKZv
zu~-PRnQRFpfQfX*f{G-mghFGpzUXqf=;`S}5CrP$>oZi)NG=4TKqz&31yB(Ll}O|v
zs@gcC?u|wx4Gj$$6$gVsLZLrMmiQcDo=zZ~A`wnYb+w;cw>oobySlE^*4E1A%^^xl
zvnCLmW_VJ{%fnc$zjNcpuUYndjn>xBsi^pl=4L1?%-I7orLHc7)%r76ul_Wz@qPO~
z!)`ypjvdKQ`g{;)=D=(c#_bMcvt6d6qa&lT_V%xEI8L#Bdv?aN_Q0exG<dmv`_GKZ
z`ulrWw=R3*8LB`{<wGQ8cpL}-eiS9h@Nj1Bf*|rzvE)MFW@<uHQw?b*j7At9?jsh9
zrF#7oLZJ|T|35hoDlZUF=iO{DKx^wwT3VbeUi>x%1y%q80Uti!FKpc^<8b_M0@-2r
z?h5Mb$FSSa5{ZDOL0%qcS}~_iEoI}z;a5vw_3CDhA3wqU`}YZl!vGW%6i{1R%dTDT
zGdg;eWy@X>0bNgige(>dE|+VzG|V{%#9THD0?6`Tcs!n2O0XYUzKbB_P9Po*Cx?%0
z<k+!$w71uA^5luMk|RgH=J4Uy*t^$*!!i4NiNw@eRg)7m5Ep>%g9mZ#*^?Xd)2Bu5
z-mOMabe1k1VCPPqswy&iKv6)JlViQt3l}axXD8PMV7JxEw-+x$QBjWnJc;DoC<w4<
z5p%j<QDAg5Nn&6Cjvj?rj2%KM5wBHL(A?Gr<>kB*s46^v4)^ZC`STD6@B{F{B<IDz
z8H0fj-ELU95^OdQ#f3BO^FdD!^!B1_8fSq$sh&R#ZvhtoPijWf7f9m3L*NWBZH)R4
XW}ZQw5<%(200000NkvXXu0mjfnu>n{

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/question.png b/webroot/ccss/images/question.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1aacf600cf5f7e2349fa94d3bc4ffecce425760
GIT binary patch
literal 1535
zcmV<b1pxYqP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru)&&?36dU?!{1yNJ1&m2V
zK~#9!#g|)bRM!=TzjNkt&fFN!*mz)k0UL7(kYcKYv}vJAKvhzyBve#+NJL1YxT*3O
z$v~RtK0%_swGRzyr9^pXqzYA{A_UO~pd~~>1Z;u9HZ~Yv$HUAS&$;fM2g86pGk7MY
z>XweqmiF4~|JPc3t-Y7R!m$~66W9*400AD)uz?ZaU%;P%f%^-}y?+q+NKuq`S~_>C
z?dxA8mgqoL{f`A*cs6%u1{mu5I}@Y-ae>3Y2Y{ylD)4!%Vb#mKUip;t>SyU{gU(i1
z76DcLFTn+5^DuDJ<;vA@2K$b2{)-Q=inAXBZz;h3px$uw*YAE!+p11}@e^oDR9EOa
zbJ%7M*DWGE8>9e5#peqW&|+wM0!8(eZ<LaeF@w*J4RF2x3}=tOhwz-;KHyJVxA(Se
z=>8RZcR?~<X|JSkcNEVYAs%s9(Hx<5WrFtB<+QafC%qy;V?sysn-p@R7`ZF~eHn_f
zkVrHPtI|O(T`geTy+eL>sKF0xNq7E?jhzsWRsa_s`Ai>c*R+sKwpa9u&*vi?4igTC
zNu^R4hCyHdWkT`w_yb|2oDYTLN)quP8@d`8>|e|6!Bam_0nHx>lWMH&^8D-#Ha*cn
zGMTJ7?$KzJCpT|kX1pKMa<Cn+Y_M#BX$ewIA$-0dfUZ8UqLL~}SaXO*qjev?P$)!5
z^Dy%Hd2mN!*%HeZ2=PG9|LF8_(e+@}b;B@97FQaRlN0ofYWSi_@`fOr&5_HFlg*6R
zMnFn|S|ty!T<K$UYz`qI-5j91drO(j>C>kfn0=AfuK6=iG&~B1i)DEw8MQh%c%Fxp
zvf}!U;c@h3Ylt^L#jUYS6%Q5g2SSewmHJS)5du6992aZ{OiNHK7Rzga>ypn~IIf@R
z$zhf^Mk*?wm@@D!L7)@@*P90w0))KxDG_eoQ5m}VCAtQFpMqsMOwXDG!X4Zi{+hOw
zVB5Cm$`luiMFxiQY*`hljez5V^$-CmKuCp1ViQ7a#C2_oj*ZYE5S=7Hb)H?%|A>x`
zj*5y89DJXq_7@06m)Gb4cRp9|7Y!jFCZiyvhEOyz(^rY9{p{bjmq4KMWqIh(?>Kik
z&bscOqlJ<+dSGz~#3C~H=Ea$F?CW_QMNukSe&8UdF6gZ5ewBFRnkDN+nFk)Ye<8RO
z^H~uI`>TQ<Ir1T=zS3B?^)=#+T{RV~vNIqTS^O{|&y`5quBz-G|NJ){o8GS(ygUT<
zBH(*-*Ms~VWM*9ogWo>l?pN^p^}0%SiNH)2=86vhOSQnBCnf<Q{1`K{Rlo(toCQ_F
zvm}9unWcqQ)z2;C$Go)XHP)|96OYG{Qj*DJ_~z0OdSVAbZQ1uDQ0v(E^l$LIH@G!B
z%(dY$q?G94M%sSZKv0hp)Z_nK0sw=T|Avz}&iXYmq>%JoHi)j=L+8dlb?d5|z@;-s
z*!NP5x8MG2DIJ9n96o%Q&rklItve3X^_s5h&FeZvRww)D>FHTe3shC5x3`xj?IO9%
zjk*k~i-2urX>VImb-k^niJ~!CcL*%o%xS{2mlW2+jhsGtjY6S7B(m_9%VaW~yD-AK
zXF^ocC4`Ic9E5NX!ozb-0MiHjQV%z^G_H6O$2OMyRIP)fe>_NfWs+1Xg=w0cIB|lW
z-}Vw+xtn;h3n84ceYTauEKE}@OkvK=Fnaw9jJu;}6kvZqiyhs$_b-HF>6+Z;xkW~<
z9cOy%8-#F(B|1s3-cGck9e*HF<%Q*9&Sfy?rpZiP;oGx+KnQntsWl5lnqS`X)Awj-
zT3c5PrIb}Kr^Wq+WoDVWeSvEiKf$q$QfpRfPC<Dm(fov(Ol?LFB`ddB->W}#F$+^n
l-?>OGGg#J~{$Jbk?*JYN)!1g4H3I+u002ovPDHLkV1jxx)ph^?

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/success.png b/webroot/ccss/images/success.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9f272bd2a038554ad5693e73bb743d163e1074c
GIT binary patch
literal 1279
zcmV<b1OWSqP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru)&&?36g$BO+};2H1dK^U
zK~#9!#g}btQ)Lv#fA_ZQ-YzdnlPNVIb#JgRG%1q-7D8e&2_)(iLkN*qg^-v*Ow`Pf
z;4m>!l=uNjbnF9(F&Q5S3m=+5BH2*p3vmpYakd%R2E!qn*ju;tKKJ;c?Y2T&wz0)?
za?&RExzGQ9&U4N^&(TPhB48)523P>Nm>!7&y+AW?0=SxZpv8Y3z+vERp2Nuo4W61t
zcnb&uO#;o>2*-i_z(|5XJq7IGq=x>ygGwq{&1yV&$in%M*cLbG<9q8nns2pW1)}ht
zz@MB3sx@FExt!sWj=S8=`_!_8B}}^r1kDh2f7Ef~$6lxrh_KxO9OX@|C~LcmPxzQ(
zikT^Slt-w@t|0Jt0Bax$zcXJ4%JG9AKVG~KhhRcpdoHf4S#USuxS&u(i83TZ%yG_P
z-Mn>Bqya2*0y*TtVoD!6(Pjr{;VbhYA_PN0f?YwPMHVVop-?DWp=^r<xeF2ro;{jj
zS!7Ka+s1}YDD#%#a5w-cDK5bi_Hg-^%Un0EW0fkD#7T%X`mS?o`6SrbsDutGitIuR
z!$?|Z7zX}IKcP^FZEtNOw6BZd=nz9Uh9*ZK0hk1uP*LQxXH#04{s_HZFL(L|=)Kts
za{)^-6Og#31iV)}EuQsM;B=<<rM<nKjycyL@BU}b@t_t~5~zih8GKmb3C+h_mAQIq
zKdQyv1QY-RX$Xukf{FQHkH;w&1;5Xq5j+qG(BwV~B|uJw2n;hkIRbqaE7S_yZg=_)
z6peD=^8@e>un_obG6ec8RENSUP^c1xawI37aW0>=udL1J{jp=mxVEkX3N_MIxjvpi
zIH7hJqs3rf#XervU&8&(Jj_-T(>5_NF@G|tDybqTCnqg<e}6xR&V2xDG<ZBcN&Vgk
zBmn$ne)9A4DJ?B!@0Pv1=Ga8`aTjJ=m?wVr;Pd%1dVjF)AOo8Rp>SN&C*u*slQ61S
z*s+ksuP;to==1p~FE6L5sfp$5m!oOvcWrBH<I91s;AvuY&x8oXj=;X4SYP=<%Ed01
zi|Xp?2Y$F}>S|ECZ6?y&MhSG&&A&vj`Yif$`zbD-T3bGK>J;A=UVsuUW!a^Y+car{
z=rJ47W!9eAQeR&$N-3F)L?RJ+vTBiVQ5P(IY){dJs4jHt!VkJ|S`*&Y1Q7i`I$7|~
z7h!f9yI8e(6|JqU6ZZbdr$^}8&=tE+Iwl^q<OqznurB%`hiu)mReE}QGJ4<L-7Ut8
zhHzO=y;qtDWG0ZX>$(`bXUX9Y4@)ExNl9SKt}Q~NF5I070tsu@WYMdOq_MG4Y}+0M
zKY#wb=x;cL-!i;AEd(T<Tn(C(S1*%>h6ZVAX_12Uj|t7O1fDDb4d~%(%@ez!Pjc8e
zBX9}WsKGOU@qqQWfSW*{#Ac+UGVBDd5WvH#DHQ!m4OYhghvSxs!0mWP8~}b5fVS9R
zlFb=T=&|ydDY1Y%aT1*Zp9u`HeQY$F%MSKyuylq9C}0q{0-O{W92?D&htp!5EY-k0
p)jM+<@Y}!@fzH&!>HjvK{|Dq`Q9ag>G++P#002ovPDHLkV1iA!L^}Wg

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/vote-none.png b/webroot/ccss/images/vote-none.png
new file mode 100644
index 0000000000000000000000000000000000000000..51e29d1a44caa83e073ff3d98502a154dc275a53
GIT binary patch
literal 582
zcmV-M0=fN(P)<h;3K|Lk000e1NJLTq000aC000XJ1^@s6OK@yo00006VoOIv00000
z008+zyMF)x010qNS#tmYE+PN`E+PS{;@y$}00HJnL_t(2&rQm`YZGAr$MN5D&y(28
z3n`ImgE<s5TH7dXEDjE$g2lz%O&q$^(oO~8NWm7xRR}`eT*QB%Llg`+7TVYfB}%Qu
zw@Yeb8qIU}+}(4}<D~eVKEs#bzbfyOaH=In4oVdOz~IJg?#70^dz$}y$X_fzz6#$d
zf+ofFZ1Us_t%0ul@s@JUSMlL@SemZ^0GRz?8b&aTrMYFyFJ_J%iJ!BJqvP2qicsI`
z+uec2_M^GlxAM<2)S)Jb{c!q{p$0}`G;twmW-gv7oS!I;6)EQ&n_HXF-j@&cAmnS2
z_SUuGHyFZHC7ZFvN6(HC%d(Km<v<95)*6LV1)5H!CtI!7WNW{vy|DAv0PQb$;@6H+
z3Z`j7N(tZhA*F=Y8u54>03emO1IiaDf4%<6y8L{%*Y&QXQ<*d&1g`6Xa}Lfq+U+(z
zf8G5q)c)+7@=BH6d{RPpqP|M2_o|NL+%XITN-2b42-kJd>-8W4uiBqlS-p064eb6*
z9m`LTQ$>l%xr=7A2_Xcelz;|=5MTx|k8Yo!_Dnru03bZeWF*LUI&J)DJDv#o4GoPL
zO^i?yGc^hGF3+35UY`L#7z{C@W$d@tswu;Lrr5zt0Epz^6j90B+K`FRA7TLT2T*bC
Ublq@-3jhEB07*qoM6N<$f)J1je*gdg

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/vote-select.png b/webroot/ccss/images/vote-select.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d5e0081045349a9ddc583f8fe1a3aa6146519c9
GIT binary patch
literal 579
zcmV-J0=)f+P)<h;3K|Lk000e1NJLTq000aC000XJ1^@s6OK@yo00006VoOIv00000
z008+zyMF)x010qNS#tmYE+PN`E+PS{;@y$}00HAkL_t(2&rQnBYtvu=$MN5jJn2%?
zHKi}>m|JnfmC{u@7*0i<Lh)tF5Yd|lj~>OVLIu6)Nl)IylV0>67@j<+H(_<^XsO0p
zU6M9SW}4;YdE!a*d-@!{1pk%14NQzD1T~ep2LQXS(;T>a+`0enA%9VOlt;vU5JHd4
z7b`DgaJ09#t^oYKNF=mwng9T?_BfB}wG3A4m$1J1Hn%WUd3d3E`SAWsDc!ew1<mZO
z*Jl^K#EOr?`6R^Rs&Ysm;tAdPd96NOyLGm_);Lx=Ev97^0r%$^f@Q<e%Z#%O07?Zx
zcrahAG*;%$NYz3ev+6+r0OJvsW{xHlIn`*JpBo*0E8HD9uZ4((P200tARJ0ULBM=?
z(Fg(a!8pU1B!d8mqOiqd-V_g9&Gk*&__*U+r*h*HSrA|+urS;+Fz|GIx4PKuZ*&~b
zz9CWiPL!5HoI8F|`=o7@)BDtAA_A6Y!t`|L?k{Lo7e9u*=ac!#C&q99`t7cVr^X9Z
z7iQ$`-+hE}fRXPaU_Juo!*T}zV);wA4egEx3IJ23l*Bm8YJ)Dm8XbG&yB~PWK}EXA
zIagyIXH!a20=$p{fIKGCh=tsAj8}}aXJHh+A%uVm^duqVIw2$$h(G~^e*jRv-<7m|
R;Hv-t002ovPDHLkV1lUU0o4Ei

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/vote-set.png b/webroot/ccss/images/vote-set.png
new file mode 100644
index 0000000000000000000000000000000000000000..227b6e15a04b6cd407e64d5bdc764f7c4e1d1312
GIT binary patch
literal 466
zcmV;@0WJQCP)<h;3K|Lk000e1NJLTq000aC000XJ1^@s6OK@yo00006VoOIv00000
z008+zyMF)x010qNS#tmYE+PN`E+PS{;@y$}00DAIL_t(2&rQs+OO$Z{#_`YZy}PtD
zO|2|+h@i2MB65+SwiXAm#{L6$7l;0d<{)aSHJ36vi9*OiQ7kkH8#*P=JMG@{-g|!y
zhV{U+JkR%eg8vksqD!L315h`kArE)|G2sY)b(Gz3diWXG-kiXD2)7Q)B+e1b7`aZ>
zfKz?bhVBhHH$LQK&$N95&JT;P4^Km!b6Fu=($RI*iNR5WcgFNh9+OqrdVHYrwk)l_
zlO22zeF^c67tUO~?d(KJ*C?fHNN8`+Tw`yM+7dfUEsfgCL}o^FXIaQ73=kW{8hJ|0
zDRdJe?dGy*CedrbubnABo~-*_ruF%+H_5h1zfxUV*KAHHSx9W)rg^oWv+9eaE2OKW
z>!jb=|3+G$HEdp;Vwfa8#Fb*F#uo7tS(SE^c1~I)CY@GuVVokkproDm+g+o&va415
zC`Q8Z5qZ)p*RNX%t;0cwqIRC!t2~!`BvS^(`WWsDqM(S@A3H;%8^$C^6951J07*qo
IM6N<$f?Eg7tN;K2

literal 0
HcmV?d00001

diff --git a/webroot/ccss/images/warning.png b/webroot/ccss/images/warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0bed427c9e87bf2c832935ad9fd3ea4d4725878
GIT binary patch
literal 1218
zcmV;z1U>tSP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO2XskIMF-Xe7!M}_^I%|H000DGNkl<Zc-pm=X>3$g6vuye=FQfY
zkru18R3X&b#(=fPB@n43#;_#BM2%}f4Spk$NP?gA3nCxD1mY4g0*NN>i3y2<8)$+`
zrKHeOB3lcs1v<2p=`5Y?E`E3&y3N>`E+@G;FYms4{{M5%|K4|Dv^@mu0WJVZz)aIf
z0T+SKfclYuV#s@d51bCxuc;SeO+8drfZHXQ4ogWxdpGR=9e()3AQfK&uL2P<MB>{8
zWjyuGb_WmM19&Q-@DXs&17S@K-AG9FAVWv#x%>}*wZP_GnywxW11kjZY*7JUHGl4)
zYC!?qwh@XR9Z{U=F=HUy`#0y0zssq!1H87w5RS6J3GCePjHrBJr4!1xK;e=J!Hvl<
z05Jh);jX~tujR(&UkF7EXD(4@0gIN_0)-EQuWrIjf???DE5YsYje0LrNs4{Fl$VYr
zlGdTd7=^d+4vNd`Sy*uxV37s5y>7r)n^P&fdp#_!twUr;x8>w9N^S|^^VonG1t{BV
zg^>y+6@{~_a5)bHxQ7+y@J<M>G+3TF8NmUHX3Zfua1GzBBY=mz(F&~;T1o`w=9;`D
zo=Ae%SCDny?RGQJ8)0s-LZCp0A#nkc|6-EYiS~yH^u-DE1Sdm4Bc;xoecEENC@S2F
zHFyZ(XYE#C7b6*h_yEMCIaOeMAC*+3QmL#fqR}X=f4)b}vNkMFZfT7npup&H{Y!f-
z6;jHq!8$rR=(>0cmgRni3==R((1RI))6ZJU|E<7eYy^P>=*TF*u_W{aEtnbsod6Zh
zn*GcZFbUAnjKFE{KoX0^vTxHw0=Fx_zsPt3MgcNo75qNMwLl<iu+Gj-N{a<n9-G@S
z+=8U70Ufc4=&0QiJv@A_D7{yjF~(#J*3@{2>iJ+fr&@tbBGiMBy29<|0B>woRM*su
z3KR$gD3S*$E1j$cWFI8l_65QuK*wxQ6$TX?(ud*c<xtbUlM7u2J)#h0MS|zn!Thqx
z5{R9$M-HYG9BeEi<#_-hEX-gtYghDBSs|vd3v#qyj~Tu@`7%59?!xc)0}zkL+4jy>
znoe(HQ-jD$1CD$N?EP^O?|=BoO>h9O*UOf-x6*ud6=yEx7cVaY#y~+yEly|V6sxN5
zr@eay2?znn{@)0NLgVJ7l$>ljz}%7<BmnT%OIKOH_Hh~;8_`;0jG?WqjTfJPf|d83
zU_p8QB8-OzL8{yqEUbW!HXdis7fadx<}6amNvS``y2k`{)q***Gsj9v`@PimE{Z2@
z{aQfF&qtZJtS&$14XXtWt0E**ARGdh1=>K*^~~Q(1${T5f55(3pYAXKEf%o*%b(2Z
z6-xw_70j4P1^prD3qpH09615N?)1sAuh`Ekn;Ha*@0u9`N<lCJt>@s=?+w8)`++CZ
z1f0M&U{m#ctb6Ykl+MoYr!vuXzV`;SoHv~7L>t4$!0SL_?AcijtOu3@cLJ{I>HyFU
g90B$Lt?7yX07pntMc9J;jsO4v07*qoM6N<$g8B_8_y7O^

literal 0
HcmV?d00001

diff --git a/webroot/ccss/messages.css b/webroot/ccss/messages.css
new file mode 100644
index 00000000..750131ab
--- /dev/null
+++ b/webroot/ccss/messages.css
@@ -0,0 +1,40 @@
+debug, .error, .message, .warning, .success, .info, .question {
+  display:block; 
+  color: black;
+  min-height: 23px;
+  margin: 10px 0 10px 0;
+  padding: 10px 30px 10px 50px;
+}
+
+debug {
+  border: solid 2px #cc00ff;
+  background: #eeeeee url(images/debug.png) no-repeat 5px 5px;
+}
+
+.error {
+  border: solid 2px #ff0000;
+  background: #ffb09f url(images/error.png) no-repeat 5px 5px;
+}
+
+.warning {
+  border: solid 2px #ff7300;
+  background: #ffb260 url(images/warning.png) no-repeat 5px 5px;
+}
+
+.success {
+  border: solid 2px #008e47;
+  background: #7aff8c url(images/success.png) no-repeat 5px 5px;
+}
+
+.message,
+.info{
+  border: solid 2px #ffdc3f;
+  background: #ffffb8 url(images/info.png) no-repeat 5px 5px;
+}
+
+.question {
+  border: solid 2px #0000ff;
+  background: #9797ff url(images/question.png) no-repeat 5px 5px;
+}
+
+
diff --git a/webroot/ccss/patches/patch_phtagr.css b/webroot/ccss/patches/patch_phtagr.css
new file mode 100644
index 00000000..26e6f2d5
--- /dev/null
+++ b/webroot/ccss/patches/patch_phtagr.css
@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) IE patch stylesheet 
+ * (de) IE-Anpassungs-Stylesheet
+ *
+ * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
+ * @file        patch_phtagr.css
+ */
+
+/* Layout independent adjustments | Layout-unabhängige Anpassungen  */
+@import url(../../yaml/core/iehacks.css);
+
+/* Layout-dependent adjustments | Layout-abhängige Anpassungen */
+@media screen
+{
+ /**
+  * Bugfix for IE 3-Pixel-Jog Bug
+  *
+  * @bugfix
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      yes
+  */
+
+  * html #col3 {height: 1%}
+  * html #col1 {margin-right: -3px}
+  * html #col3 {margin-left: 24%}
+
+ /**
+  * min-width/max-width workaround for IE
+  *
+  * @workaround
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      no
+  */
+
+  * html #page_margins {
+    /* Fallback if JavaScript is disabled */
+    width: auto;
+
+    /* JS-Expression for min-/max-width simulation */
+    width: expression((document.documentElement && document.documentElement.clientHeight) ? ( document.documentElement.clientWidth < 740) ? "740px" : (( document.documentElement.clientWidth > (90 * parseInt(document.documentElement.currentStyle.fontSize))) ? "90em" : "auto" ) : ( document.body.clientWidth < 740) ? "740px" : (( document.body.clientWidth > (90 * parseInt(document.documentElement.currentStyle.fontSize))) ? "90em" : "auto" ) );
+  }
+}
+
diff --git a/webroot/ccss/phtagr.css b/webroot/ccss/phtagr.css
new file mode 100644
index 00000000..df29a513
--- /dev/null
+++ b/webroot/ccss/phtagr.css
@@ -0,0 +1,31 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) central stylesheet
+ * (de) zentrales Stylesheet
+ *
+ * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
+ * @file        phtagr.css
+ */
+
+/* import core styles | Basis-Stylesheets einbinden */
+@import url(../yaml/core/base.css);
+
+/* import screen layout | Screen-Layout einbinden */
+@import url(../yaml/navigation/nav_shinybuttons.css);
+@import url(../yaml/navigation/nav_vlist.css);
+@import url(screen/basemod.css);
+@import url(screen/content.css);
+
+/* import print layout | Druck-Layout einbinden */
+@import url(../yaml/print/print_003_draft.css);
+
+@import url(phtagr.generic.css);
+@import url(formular.css);
+@import url(explorer.css);
+@import url(breadcrumb.css);
+@import url(comment.css);
+@import url(messages.css);
+@import url(table.css);
+@import url(tab.css);
+@import url(debug.css);
diff --git a/webroot/ccss/phtagr.generic.css b/webroot/ccss/phtagr.generic.css
new file mode 100644
index 00000000..79c85df4
--- /dev/null
+++ b/webroot/ccss/phtagr.generic.css
@@ -0,0 +1,62 @@
+#header {
+  background-color: blue;
+  background: #eeeeee url(images/header.png) repeat-x 0px 0px;
+}
+
+#header h1 {
+  color: #fff;
+}
+
+#topnav a {
+  color: #fff;
+}
+
+.actionlist {
+  display: inline;
+}
+
+.actionlist a img {
+  vertical-align: middle;
+}
+
+ul.bare {
+  list-style-type: none;
+  padding: 0;
+}
+
+/* Browser */
+ul#files {
+  margin: 0; 
+  list-style-type: none;
+}
+
+div.disabled {
+  display: inline;
+  float: none;
+  clear: none;
+  color: #C0C0C0;
+}
+
+.auto_complete {
+  position: absolute;
+  width: 250px;
+  background-color: white;
+  border: 1px solid #888;
+  margin: 0px;
+  padding: 0px;
+  z-index: 2;
+} 
+.auto_complete ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+.auto_complete ul li {
+  margin: 0;
+  padding: 3px;
+  width: 100%;
+}
+.auto_complete ul li.selected { 
+  background-color: #ffb; 
+}
+
diff --git a/webroot/ccss/screen/basemod.css b/webroot/ccss/screen/basemod.css
new file mode 100644
index 00000000..de4d52f7
--- /dev/null
+++ b/webroot/ccss/screen/basemod.css
@@ -0,0 +1,154 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) stylesheet for screen layout
+ * (de) Stylesheet für das Bildschirm-Layout
+ *
+ * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
+ * @file        basemod.css
+ */
+
+@media all
+{
+  /*-------------------------------------------------------------------------*/
+
+  /* (en) Marginal areas & page background */
+  /* (de) Randbereiche & Seitenhintergrund */
+  body { background: #3b69ad none; padding: 10px 0; }
+
+  /* Layout Alignment | Layout-Ausrichtung */
+  #page_margins { margin: 0 auto; }
+
+  /* Layout Properties | Layout-Eigenschaften */
+  #page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
+  #page { padding: 10px 15px 10px 10px; }
+  #header { padding: 25px 2em 1em 20px; color: #000; background: #fff; }
+  #topnav { color: #fff; background: transparent; }
+  /* (en) adjustment of main navigation */
+  /* (de) Anpassung der Hauptnavigation */
+  #nav ul { margin-left: 20px; }
+  #nav_main {background-color: #336}
+  #main { margin: 10px 0; background: #fff; }
+  #footer { padding: 15px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }
+
+  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
+  #nav ul { margin-left: 20px; }
+
+  /*-------------------------------------------------------------------------*/
+
+  /**
+   * (en) Formatting content container
+   * (de) Formatierung der Inhalts-Container
+   *
+   */
+
+  #col1 { float: left; width: 25%}
+  #col2 { display:none}
+  #col3 { width: auto; margin: 0 0 0 25%}
+  #col1_content { padding: 0 10px 0 20px }
+  #col3_content { padding: 0 20px 0 10px }
+	
+  /*-------------------------------------------------------------------------*/
+
+  #page_margins {
+    border: 0 none;
+    background-image:  url(images/gfxborder/border_left.gif);
+    background-repeat:repeat-y;
+    background-position:left;
+  }
+
+  #page {
+    border: 0 none;
+    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
+    background-image:  url(images/gfxborder/border_right.gif);
+    background-repeat:repeat-y;
+    background-position:right;
+  }
+
+
+  #border-top {
+    overflow:hidden;
+    width: auto;
+    height: 20px;
+    font-size:0;
+    margin-bottom: -15px;
+    background-image:  url(images/gfxborder/border_top.gif);
+    background-repeat:repeat-x;
+    background-position:top left;
+  }
+
+  #border-bottom {
+    overflow:hidden;
+    width: auto;
+    height: 20px;
+    margin-top: -15px;
+    font-size:0;
+    background-image:  url(images/gfxborder/border_bottom.gif);
+    background-repeat:repeat-x;
+    background-position:bottom left;
+  }
+
+  #edge-tl {
+    float:left;
+    width: 20px;
+    height: 20px;
+    font-size:0;
+    background-image:  url(images/gfxborder/corner_tl.gif);
+    background-position: top left;
+  }
+
+  #edge-tr {
+    position:relative; /* IE Fix | z-index */
+    float:right;
+    width: 20px;
+    height: 20px;
+    font-size:0;
+    background-image:  url(images/gfxborder/corner_tr.gif);
+    background-position: top right;
+  }
+
+  #edge-bl {
+    float:left;
+    width: 20px;
+    height: 20px;
+    background-image:  url(images/gfxborder/corner_bl.gif);
+    background-position: bottom left;
+  }
+
+  #edge-br {
+    position:relative; /* IE Fix | z-index */
+    float:right;
+    width: 20px;
+    height: 20px;
+    background-image:  url(images/gfxborder/corner_br.gif);
+    background-position: bottom right;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Modifying "shiny buttons" navigation
+   * (en) Anpassung der "Shiny Buttons" Navigation
+   */
+
+  #nav * { border: 0px none !important}
+  #nav_main { background: #efefef }
+  #nav_main ul { margin-left: 10px }
+  #nav_main ul li { line-height: 1.2em}
+
+  #nav_main ul li a,
+  #nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
+
+  #nav_main ul li a:focus,
+  #nav_main ul li a:hover,
+  #nav_main ul li a:active  { background: #182E7A; color: #fff }
+
+  #nav_main ul li#current { background: transparent }
+
+  #nav_main ul li#current strong,
+  #nav_main ul li#current a,
+  #nav_main ul li#current a:focus,
+  #nav_main ul li#current a:hover,
+  #nav_main ul li#current a:active { color: #182E7A; font-weight: bold; background-color: white; }
+
+}
diff --git a/webroot/ccss/screen/content.css b/webroot/ccss/screen/content.css
new file mode 100644
index 00000000..9a5aa69d
--- /dev/null
+++ b/webroot/ccss/screen/content.css
@@ -0,0 +1,182 @@
+@charset "UTF-8";
+/**
+* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+*
+* (en) Uniform design of standard content elements
+* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+*
+* @copyright       Copyright 2005-2007, Dirk Jesse
+* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+* @link            http://www.yaml.de
+* @package         yaml
+* @version         3.0.1
+* @revision        $Revision: 92 $
+* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
+* @appdef yaml
+*/
+
+@media all
+{
+  /**
+  * Fonts
+  * (en) font-family and font-size selection for headings and standard text elements
+  * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
+  *
+  * @section content-fonts
+  */
+
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * { font-size: 100.01% }
+
+  /* (en) base layout gets standard font size 12px */
+  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
+  body {
+    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
+    font-size: 75.00%; 
+    color: #444;  
+  }
+
+  h1,h2,h3,h4,h5,h6 { 
+		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
+		font-weight:bold; 
+		color:#666;
+		margin: 0 0 0.25em 0; 
+	}
+
+  h1 { font-size: 200% }                        /* 24px */
+  h2 { font-size: 200%; color:#182E7A}          /* 24px */
+  h3 { font-size: 150% }                        /* 18px */
+  h4 { font-size: 133.33% }                     /* 16px */
+  h5 { font-size: 116.67% }                     /* 14px */
+  h6 { font-size: 116.67%; font-style:italic }  /* 14px */
+
+  #header h1 {
+    font-size:2.5em;
+    letter-spacing:-2px;
+    line-height:65%;
+    color:#000;
+  }
+
+  #header span {
+    color:#999;
+  }
+
+  p { line-height: 1.5em; margin: 0 0 1em 0; }
+
+  /* ### Lists | Listen  #### */
+
+  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
+  li { margin-left: 1.5em; line-height: 1.5em }
+
+  dt { font-weight: bold }
+  dd { margin: 0 0 1em 2em }
+
+  /* ### text formatting | Textauszeichnung ### */
+
+  cite, blockquote { font-style:italic }
+  blockquote { margin: 0 0 1em 1.5em }
+
+  strong,b { font-weight: bold }
+  em,i { font-style:italic }
+
+  pre, code { font-family: monospace; font-size: 1.1em; }
+
+  acronym, abbr {
+    letter-spacing: .07em;
+    border-bottom: .1em dashed #c00;
+    cursor: help;
+  }
+
+  /**
+  * Generic Content Classes
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+
+  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
+  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
+  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
+
+  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
+  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
+  .center { text-align:center; margin: 0.5em auto }
+
+  /**
+  * External Links
+  *
+  * (en) Formatting of hyperlinks
+  * (de) Gestaltung von Hyperlinks
+  *
+  */
+
+  a {color: #4D87C7; text-decoration:none;}
+  a:focus,
+  a:hover,
+  a:active {color:#182E7A; text-decoration:underline;}
+	
+  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
+  #topnav a:focus, 
+  #topnav a:hover,
+  #topnav a:active { text-decoration:underline; background-color: transparent;}
+	
+  #footer a { color: #999; background:transparent; font-weight: bold;}
+  #footer a:focus, 
+  #footer a:hover,
+  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
+
+	/**
+  * (en) Emphasizing external Hyperlinks via CSS
+	* (de) Hervorhebung externer Hyperlinks mit CSS
+	*
+  * @section             content-external-links
+  * @app-yaml-default    disabled
+  */
+
+  /*
+  #main a[href^="http://www.my-domain.com"],
+  #main a[href^="https://www.my-domain.com"]
+  {
+    padding-left: 12px;
+    background-image: url('your_image.gif');
+    background-repeat: no-repeat;
+    background-position: 0 0.45em;
+  }
+  */
+
+  /**
+  * Tables | Tabellen
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+
+  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
+  table.full { width: 100%; }
+  table.fixed { table-layout:fixed }
+
+  th,td { padding: 0.5em; }
+  thead th { background: #444; color: #fff }
+  tbody th { background: #ccc; color: #333 }
+  tbody th.sub { background: #ddd; color: #333 }
+	
+  /**
+  * Miscellaneous | Sonstiges
+  *
+  * @section content-misc
+  */
+
+  hr {
+    color: #fff;
+    background:transparent;
+    margin: 0 0 0.5em 0;
+    padding: 0 0 0.5em 0;
+    border:0;
+    border-bottom: 1px #eee solid;
+  }
+}
+
diff --git a/webroot/ccss/screen/images/gfxborder/border_bottom.gif b/webroot/ccss/screen/images/gfxborder/border_bottom.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b8961f8a2138e125724df586ce7751b08ab43e43
GIT binary patch
literal 116
zcmZ?wbhEHbtYBbeSj50!6gf@Xx6wRtv1RHiCEGLx7*PDl0%q!fNRV0vW=oG<cm5fi
z@?5=F@%7o={}VL&QZkt`R;|l<y{|y$e2MOzigoX6-v2+apuj^$qW{E_qLVpR^DnF@
JnZ>|h4FI*iDewRQ

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/border_left.gif b/webroot/ccss/screen/images/gfxborder/border_left.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ebbb3b073d88a0539fcfd693d524f622668840e5
GIT binary patch
literal 116
zcmZ?wbhEHbWM!yeSj50!6gf@Xx6wRtv1RHiCEGLx7*PDl0%q!fNRV0vW=jhu$5VM*
z%~M;xgyn30ub`f{B(3hT<TQ=lt1`KFf7HHT7Wcly{=bD>z;kY~PUnS&l_5&gFDwt4
I!N6b*0R5XJcmMzZ

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/border_right.gif b/webroot/ccss/screen/images/gfxborder/border_right.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6d8259ce1bfa559f715dc36c149fe0e798d6c3d5
GIT binary patch
literal 116
zcmZ?wbhEHbWM!yeSj50!6gf@Xx6wRtv1RHiCEGLx7*PDl0%q!fNRV0vW=ju7qf>cX
z%~M;xgyn30ub`f{B(3hT<TQ=lt1`KFf7HHT7Wcly{=bD>z;kY~PUnS&l_5&gFDwt4
I!N6b*0R6focmMzZ

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/border_top.gif b/webroot/ccss/screen/images/gfxborder/border_top.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fa997089328025dbefb9d4b96e1ae68f17d2fc71
GIT binary patch
literal 116
zcmZ?wbhEHbtYBbeSj50!6gf@Xx6wRtv1RHiCEGLx7*PDl0%q!fNRV0vW=o4*cm5fi
z@?5=F>Gj#&{}VL&QZkt`R;|l<y{|y$e2MIxigoX6-v2+apuj^#qW{E_qLVpR^DnF@
JnZ>|h4FItCDcJx3

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/corner_bl.gif b/webroot/ccss/screen/images/gfxborder/corner_bl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4f10b57102d0a37f9ba816c7ffeb30d4ff7834ed
GIT binary patch
literal 264
zcmZ?wbhEHblw^=(I3mqpp0w05b){kWBxU<d9lvJXfOhl5B^JrcO=4!NI^~;0&oYjl
zsUO^J95vlCWu-;(G7a}~vxG&aar4aL7aD~2TcoToikxPixLC<HP20E8GIiDe|Nj|~
zfZ|UUMg|6H1|5(X$W8{<)&*selH2BHtXid%x$eWQX@$M#*2_MwI{STt`~=fQyq)Wm
zFRifQob8|b#X>f$@%p@D7ZiAAnIBj*fx()QgYC$ki#94vJkiA+8XA%wNewT5|8J0x
z;$slzV&Y+Ck?iU1>z9;b6lD+;;^5{Ln>}alJTa+BeC+%T3~b^nSFK(nzHt49jhi+q
HGFSrugxOk{

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/corner_br.gif b/webroot/ccss/screen/images/gfxborder/corner_br.gif
new file mode 100644
index 0000000000000000000000000000000000000000..526f19fa9b4e2bed2bff6914b152576585d475a3
GIT binary patch
literal 266
zcmZ?wbhEHblw^=(I3mqpp0w05b){kWBxU<d9lvJXfOhl5B^JrcO=4!NI^~;0&oYjl
zsUO^J95vlCWu-;(G7a}~vxG&aar4aL7aD~2TcoToikxPixLC<HP20E8GIiDe|Nj|~
zfZ|UUMg|6H1|5(X$W8{<_6KTxDUnGtOEc4MFVcE_PHE4jExM2Mt3L0QF!&)ospQz?
z{ONZTW^YwB(VAno@OqlrPE$S(US{K&8afQg$}No!{^pX6PZl1$@&1QR+JuG_4K6`;
zDaqEh_6|uFRvsoUVFo@au_;rhO&8<k<`5EO5M`7SU%X`LGI2Hr27Y$Fg;E<fZrZ$M
Ivm%2v0Kz(0?*IS*

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/corner_tl.gif b/webroot/ccss/screen/images/gfxborder/corner_tl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ec927f596f609dbe411af1777b3248b3c2f146f7
GIT binary patch
literal 266
zcmZ?wbhEHblw^=(I3mqpp0w05b){kWBxU<d9lvJXfOhl5B^JrcO=4!NI^~;0&oYjl
zsUO^J95vlCWu-;(G7a}~vxG&aar4aL7aD~2TcoToikxPixLC<HP20E8GIiDe|Nj|~
zfZ|UUMg|6H1|5(X$W8{<_62HvDVehxi)|PZVhVK5PZtYuP*L<w{(E4-g++x7YFvzq
z9Zp!xzmVZp+@YZ%>5<g%vTA=q&of2A6tfpws`g%E5a8jcwky}?;@oAo*3g85xw=|P
zTuf4;sj8)|qqDTNy|2G#Qcm~8saex|XJ*WvTQgzK-1!Tnmo8YbWYMzaYnH8=xpC^|
INs0{C030u2B>(^b

literal 0
HcmV?d00001

diff --git a/webroot/ccss/screen/images/gfxborder/corner_tr.gif b/webroot/ccss/screen/images/gfxborder/corner_tr.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e359359db494c3a7dc2f0e773658b94d2ca1d88
GIT binary patch
literal 266
zcmZ?wbhEHblw^=(I3mqpp0w05b){kWBxU<d9lvJXfOhl5B^JrcO=4!NI^~;0&oYjl
zsUO^J95vlCWu-;(G7a}~vxG&aar4aL7aD~2TcoToikxPixLC<HP20E8GIiDe|Nj|~
zfZ|UUMg|6H1|5(X$W8{<_62HvDVdYPSFL-K%5b3AqA}xc#k%OTO&)>{OQ&f{^`GEb
zctAiyjiH^*d2Q7C8IDYo7HTN5pH1`8n|)TY@rk0{?(+g{Oc&~In|B^+s@u=c!OK=!
zn=T<KCf?kV+Sbw4o!r|wp|ySTl%8q*6DG~>o;zb^-@=pyOQe@AS-EiajI~qN&zZG+
J#VkbzYXAowV}k$y

literal 0
HcmV?d00001

diff --git a/webroot/ccss/tab.css b/webroot/ccss/tab.css
new file mode 100644
index 00000000..2709198c
--- /dev/null
+++ b/webroot/ccss/tab.css
@@ -0,0 +1,34 @@
+.tab {
+  padding: 0 0 2pt 4pt;
+  margin: 0;
+  border-bottom: 1px solid black;
+}
+.tab li {
+  margin: 0;
+  padding: 0pt 1pt;
+  display: inline;
+}
+.tab li a {
+  padding: 2pt;
+  cursor: pointer;
+  border: 1px solid black;
+  text-decoration: none;
+  background-color:#eee;
+  color: black;
+}
+.tab li.tabActive a {
+  padding: 3.5pt 3.5pt 2pt 3.5pt;
+  font-weight: bold;
+  background-color: #fff;
+  border-bottom: 1px solid white;
+}
+.tab li a:hover {
+  color: #fff;
+  background-color:#182e7a; 
+  border: 1px solid black;
+}
+.tabContent {
+}
+.tabHidden {
+  display: none;
+}
diff --git a/webroot/ccss/table.css b/webroot/ccss/table.css
new file mode 100644
index 00000000..7f108426
--- /dev/null
+++ b/webroot/ccss/table.css
@@ -0,0 +1,38 @@
+table.default {
+  border: 1px solid #888;
+}
+
+table.default thead tr {
+  font-weight: bold;
+  background-color: #336;
+  color: #fff;
+}
+
+table.default thead * a {
+  color: #fff;
+}
+
+table.default tbody tr.even {
+  background-color: #eee;
+}
+
+table.default tbody tr.selected {
+  background-color: #ccffcc;
+}
+
+table.default tbody tr:hover,
+table.default tbody tr:hover a {
+  color: #fff;
+  background-color: #f63;
+}
+
+table.bare {
+  border: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+table.bare tbody tr,
+table.bare tbody tr td {
+  margin: 0;
+  padding: 0;
+}

From f7f1464c3740152c4645a102a7204420b9d5ffe4 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 26 Sep 2014 13:02:17 +0200
Subject: [PATCH 02/35] =?UTF-8?q?a=C3=B1ado=20hash=20a=20las=20imagenes=20?=
 =?UTF-8?q?que=20aparecen=20en=20los=20XMLs.=20Tengo=20que=20obtener=20el?=
 =?UTF-8?q?=20usuario=20actual=20en=20PreviewManagerComponent=20para=20pod?=
 =?UTF-8?q?er=20a=C3=B1adir=20una=20marca=20de=20agua=20dependiendo=20del?=
 =?UTF-8?q?=20usuario=20que=20se=20conecte,=20adem=C3=A1s=20de=20a=C3=B1ad?=
 =?UTF-8?q?ir=20esto=20a=20la=20ruta=20de=20archivo=20generada.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/MediaController.php | 35 +++++++++++++++++++++++++---------
 Model/Media.php                | 26 +++++++++++++++++++++++++
 View/Explorer/media.ctp        |  4 ++++
 3 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index ed1717ec..ce657d9f 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -92,6 +92,7 @@ private function _handleClientCache($filename) {
    * responses 404
    */
   private function _getMedia($id, $type = 'preview') {
+      
     $user = $this->getUser();
     switch ($type) {
       case 'hd':
@@ -146,31 +147,31 @@ private function _createFlashVideo($id) {
 
   public function mini($id) {
     $params = $this->_getParamsResize();
-    $name = (count($params>0)) ? 'mini_'.md5(implode('_',$params)) : 'mini';
+    $name = ($params != '') ? 'mini_'.$params : 'mini';
     return $this->_sendPreview($id, $name, $params);
   }
 
   public function thumb($id)	{
     $params = $this->_getParamsResize();
-    $name = (count($params>0)) ? 'thumb_'.md5(implode('_',$params)) : 'thumb';
+    $name = ($params != '') ? 'thumb_'.$params : 'thumb_';
     return $this->_sendPreview($id, $name, $params);
   }
 
   public function preview($id) {
     $params = $this->_getParamsResize();
-    $name = (count($params>0)) ? 'preview_'.md5(implode('_',$params)) : 'preview';
+    $name = ($params != '') ? 'preview_'.$params : 'preview';
     return $this->_sendPreview($id, $name, $params);
   }
 
   public function high($id) {
     $params = $this->_getParamsResize();
-    $name = (count($params>0)) ? 'high_'.md5(implode('_',$params)) : 'high';
+    $name = ($params != '') ? 'high_'.$params : 'high';
     return $this->_sendPreview($id, $name, $params);
   }
 
   public function hd($id) {
     $params = $this->_getParamsResize();
-    $name = (count($params>0)) ? 'hd_'.md5(implode('_',$params)) : 'hd';
+    $name = ($params != '') ? 'hd_'.$params : 'hd';
     return $this->_sendPreview($id, $name, $params);
   }
 
@@ -179,6 +180,20 @@ public function video($id) {
     $this->response->file($filename, array('download' => true));
     return $this->response;
   }
+  
+  private function _addWatermark($filename) {
+    $watermarkFile = APP . 'webroot' . DS . 'img' . DS . 'play.icon.png';
+
+    App::uses('WatermarkCreator', 'Lib');
+    $watermark = new WatermarkCreator();
+
+    $scaleMode = 'inner';
+    $position = ''; // empty for center
+
+    if (!$watermark->create($filename, $watermarkFile, $scaleMode, $position)) {
+      CakeLog::error(join(', ', $watermark->errors));
+    }
+  }
 
   public function file($id) {
     $id = intval($id);
@@ -352,12 +367,14 @@ public function show($number){
         $medias = $this->_getListPhotos();
         $number = ($number>0) ? $number-1 : 0;
         
+        $name = 'high';
         if(isset($medias[$number])){
             $params = $this->_getParamsResize();
-            $name = (count($params>0)) ? 'high_'.md5(implode('_',$params)) : 'high';
+            $name = ($params != '') ? 'high_'.$params : 'high';
             return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params);
+        } else {
+            return $this->_sendPreview(null,$name);
         }
-        return false;
     }
     
     /**
@@ -375,9 +392,9 @@ private function _getListPhotos(){
     }
     
     private function _getParamsResize(){
-        $params = array();
+        $params = '';
         foreach(array('w','h','zc') as $p){
-            if(isset($_GET[$p])) $params[$p] = $_GET[$p];
+            if(isset($_GET[$p])) $params .= "{$p}{$_GET[$p]}";
         }
         
         return $params;
diff --git a/Model/Media.php b/Model/Media.php
index 6a248f14..53cefecb 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -544,6 +544,28 @@ public function buildAclJoin($alias) {
         );
     return $join;
   }
+  
+  private function _getHashUser(){
+      if($_GET['hash']){
+          $user = '';
+          switch($_GET['hash']){
+              case 'golfinspain':
+                  $user = 'jose';
+                  break;
+              
+              case 'golfinspain-luis':
+                  $user = 'luison';
+                  break;
+          }
+          if($user){
+              return $this->User->findByUsername($user);
+          }
+          
+      } else {
+          return false;
+      }
+      
+  }
 
   /**
    * Build ACL query for media.
@@ -556,6 +578,10 @@ public function buildAclJoin($alias) {
    * @return returns ACL query
    */
   public function buildAclQuery($user, $userId = 0, $level = ACL_READ_PREVIEW) {
+    if($user['User']['id'] == -1 && isset($_GET['hash'])){
+        $hashUser = $this->_getHashUser();
+        if($hashUser) $user = $hashUser;
+    }
     $level = intval($level);
     $conditions = array();
     $joins = array();
diff --git a/View/Explorer/media.ctp b/View/Explorer/media.ctp
index 3475fba7..8b931244 100644
--- a/View/Explorer/media.ctp
+++ b/View/Explorer/media.ctp
@@ -53,6 +53,10 @@
         $contentUrl = sprintf("/media/preview/%d%s/%s", $media['Media']['id'], $keyParam, $media['Media']['name']);
         $previewSize = $this->ImageData->getimagesize($media, OUTPUT_SIZE_PREVIEW);
       }
+      if($_GET['hash']!=''){
+          $thumbUrl.='?hash='.$_GET['hash'];
+          $contentUrl.='?hash='.$_GET['hash'];
+      }
     ?><media:thumbnail url="<?php echo Router::url($thumbUrl, true); ?>" <?php echo $thumbSize[3]; ?> type="image/jpeg" />
     <media:content url="<?php echo Router::url($contentUrl, true); ?>" <?php echo $previewSize[3]; ?> type="image/jpeg" />
     <?php

From d17caa7e0fa45f458127d08da130ef75eb46c2db Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 26 Sep 2014 13:42:53 +0200
Subject: [PATCH 03/35] =?UTF-8?q?a=C3=B1ado=20principios=20para=20watermar?=
 =?UTF-8?q?k.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Component/ImageResizerComponent.php       | 28 +++++++++++++++++++
 Controller/MediaController.php                | 12 --------
 Model/Media.php                               |  2 +-
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index 09d8946d..b54e2373 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -46,6 +46,11 @@ public function initialize(Controller $controller) {
    *   - isOriginal True if source is original file
    */
   public function resize($src, $dst, $options = array()) {
+      if(isset($this->controller->Media->accessUser)){
+        $this->accessUser = $this->controller->Media->accessUser;        
+    } else {
+        $this->accessUser = $this->controller->getUser();
+    }
     $options = am(array(
       'size' => 220,
       'quality' => 85,
@@ -83,8 +88,16 @@ public function resize($src, $dst, $options = array()) {
     if ($this->_semaphoreId) {
       sem_release($this->_semaphoreId);
     }
+    
+    
+    $homeDir = Configure::read('user.home.dir');
+    $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark' . DS;
+    
+    
+    print_r($currentUser);exit;
     if ($result) {
       CakeLog::debug("Render {$options['size']}x{$options['size']} image in ".round($t2-$t1, 4)."ms to '{$phpThumb->cache_filename}'");
+      
       $phpThumb->RenderToFile($phpThumb->cache_filename);
     } else {
       CakeLog::error("Could not generate thumbnail: ".$phpThumb->error);
@@ -92,6 +105,7 @@ public function resize($src, $dst, $options = array()) {
       die('Failed: '.$phpThumb->error);
     }
 
+    
     if ($options['clearMetaData']) {
       $this->Exiftool->clearMetaData($dst);
     }
@@ -104,6 +118,20 @@ public function resize($src, $dst, $options = array()) {
     $this->controller->getEventManager()->dispatch($event);
     return !$event->isStopped();
   }
+  
+    private function _addWatermark($filename) {
+    $watermarkFile = APP . 'webroot' . DS . 'img' . DS . 'play.icon.png';
+
+    App::uses('WatermarkCreator', 'Lib');
+    $watermark = new WatermarkCreator();
+
+    $scaleMode = 'inner';
+    $position = ''; // empty for center
+
+    if (!$watermark->create($filename, $watermarkFile, $scaleMode, $position)) {
+      CakeLog::error(join(', ', $watermark->errors));
+    }
+  }
 
   /**
    * Configure phpThumb with source, destination and all options
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index ce657d9f..f4954a36 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -181,19 +181,7 @@ public function video($id) {
     return $this->response;
   }
   
-  private function _addWatermark($filename) {
-    $watermarkFile = APP . 'webroot' . DS . 'img' . DS . 'play.icon.png';
 
-    App::uses('WatermarkCreator', 'Lib');
-    $watermark = new WatermarkCreator();
-
-    $scaleMode = 'inner';
-    $position = ''; // empty for center
-
-    if (!$watermark->create($filename, $watermarkFile, $scaleMode, $position)) {
-      CakeLog::error(join(', ', $watermark->errors));
-    }
-  }
 
   public function file($id) {
     $id = intval($id);
diff --git a/Model/Media.php b/Model/Media.php
index 53cefecb..146e1e9a 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -580,7 +580,7 @@ private function _getHashUser(){
   public function buildAclQuery($user, $userId = 0, $level = ACL_READ_PREVIEW) {
     if($user['User']['id'] == -1 && isset($_GET['hash'])){
         $hashUser = $this->_getHashUser();
-        if($hashUser) $user = $hashUser;
+        if($hashUser) $this->accessUser = $user = $hashUser;
     }
     $level = intval($level);
     $conditions = array();

From 8f68c22adfb4833209ec4a677ce38a904c583565 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 26 Sep 2014 14:52:25 +0200
Subject: [PATCH 04/35] logica de watermark ya avanzada.

---
 .../Component/ImageResizerComponent.php       |  49 +++++++++++++++++-
 Controller/MediaController.php                |  12 ++++-
 Model/Media.php                               |   6 +--
 View/Explorer/media.ctp                       |   6 +--
 _picasa/aguagis_p.png                         | Bin 0 -> 920 bytes
 5 files changed, 64 insertions(+), 9 deletions(-)
 create mode 100644 _picasa/aguagis_p.png

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index b54e2373..f1eeab43 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -91,19 +91,64 @@ public function resize($src, $dst, $options = array()) {
     
     
     $homeDir = Configure::read('user.home.dir');
-    $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark' . DS;
+    $watermarkDir = $homeDir . $this->accessUser['User']['id'] . DS . 'watermark';
     
+    if(file_exists($watermarkDir) && is_dir($watermarkDir)){
+        $d=opendir($watermarkDir); 
+        $sizeFiles = array();
+        while($archivo = readdir($d)){
+            if($archivo != "." AND $archivo!=".."){
+                $filePath = $watermarkDir . DS. $archivo;
+                if (is_file($filePath) && strpos(mime_content_type($filePath), 'image')!==false ){
+                    $filePathInfo = pathinfo($filePath);
+                    $fileName = $filePathInfo['filename'];
+                    $lastUnderscore = strrpos($fileName, '_');
+                    if($lastUnderscore!==false){
+                        $sizeMinFile = (int)substr($fileName, $lastUnderscore+1);
+                        $sizeFiles[$sizeMinFile] = $filePath;
+                    }
+                    $size = getimagesize($watermarkDir.'/'.$archivo, $info);
+                    /*
+                    $iptc = iptcparse($info['APP13']);
+                    $keywords = $iptc['2#025'];
+
+
+                    if($keywords){
+                        foreach($keywords as $t){
+                            $ruta_album = "/home/webs/golfinspain-picasa-export/{$t}";
+                            Alsur_FilesCommonActions::createDirectoryIfNotExists($ruta_album);
+                            copy($dir.'/'.$archivo, $ruta_album.'/'.$archivo);			
+                            $c++;	
+                        }
+                    }
+                     * 
+                     */
+                }
+                /*
+                if(is_dir($dir.'/'.$archivo)){
+                        $this->createAlbumByTag($dir.'/'.$archivo);
+                }
+                */
+            }
+        }
+        
+        // ordenar
+        print_r($sizeFiles);
+        exit;
+        
+    }
     
-    print_r($currentUser);exit;
     if ($result) {
       CakeLog::debug("Render {$options['size']}x{$options['size']} image in ".round($t2-$t1, 4)."ms to '{$phpThumb->cache_filename}'");
       
+    print_r($phpThumb);exit;
       $phpThumb->RenderToFile($phpThumb->cache_filename);
     } else {
       CakeLog::error("Could not generate thumbnail: ".$phpThumb->error);
       CakeLog::error($phpThumb->debugmessages);
       die('Failed: '.$phpThumb->error);
     }
+    
 
     
     if ($options['clearMetaData']) {
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index f4954a36..b0c110e3 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -382,9 +382,19 @@ private function _getListPhotos(){
     private function _getParamsResize(){
         $params = '';
         foreach(array('w','h','zc') as $p){
-            if(isset($_GET[$p])) $params .= "{$p}{$_GET[$p]}";
+            if(isset($_GET[$p])) {
+                $params .= "{$p}{$_GET[$p]}";
+            }
         }
         
+        if(isset($this->Media->accessUser)){
+            $this->accessUser = $this->Media->accessUser;        
+        } else {
+            $this->accessUser = $this->getUser();
+        }
+
+        $params.="u{$this->accessUser['User']['id']}";
+        
         return $params;
         
     }
diff --git a/Model/Media.php b/Model/Media.php
index 146e1e9a..ea8b03ca 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -546,9 +546,9 @@ public function buildAclJoin($alias) {
   }
   
   private function _getHashUser(){
-      if($_GET['hash']){
+      if($_GET['k']){
           $user = '';
-          switch($_GET['hash']){
+          switch($_GET['k']){
               case 'golfinspain':
                   $user = 'jose';
                   break;
@@ -578,7 +578,7 @@ private function _getHashUser(){
    * @return returns ACL query
    */
   public function buildAclQuery($user, $userId = 0, $level = ACL_READ_PREVIEW) {
-    if($user['User']['id'] == -1 && isset($_GET['hash'])){
+    if($user['User']['id'] == -1 && isset($_GET['k'])){
         $hashUser = $this->_getHashUser();
         if($hashUser) $this->accessUser = $user = $hashUser;
     }
diff --git a/View/Explorer/media.ctp b/View/Explorer/media.ctp
index 8b931244..b721d4d7 100644
--- a/View/Explorer/media.ctp
+++ b/View/Explorer/media.ctp
@@ -53,9 +53,9 @@
         $contentUrl = sprintf("/media/preview/%d%s/%s", $media['Media']['id'], $keyParam, $media['Media']['name']);
         $previewSize = $this->ImageData->getimagesize($media, OUTPUT_SIZE_PREVIEW);
       }
-      if($_GET['hash']!=''){
-          $thumbUrl.='?hash='.$_GET['hash'];
-          $contentUrl.='?hash='.$_GET['hash'];
+      if($_GET['k']!=''){
+          $thumbUrl.='?k='.$_GET['hash'];
+          $contentUrl.='?k='.$_GET['hash'];
       }
     ?><media:thumbnail url="<?php echo Router::url($thumbUrl, true); ?>" <?php echo $thumbSize[3]; ?> type="image/jpeg" />
     <media:content url="<?php echo Router::url($contentUrl, true); ?>" <?php echo $previewSize[3]; ?> type="image/jpeg" />
diff --git a/_picasa/aguagis_p.png b/_picasa/aguagis_p.png
new file mode 100644
index 0000000000000000000000000000000000000000..46ad76333b36dbefe7b27364e2234f4d84a4a7fc
GIT binary patch
literal 920
zcmYk5VN4Tu7{=d!uf6NqE4>~oJ&TT;49A9SU1yqs3RhNZVU@HUIFd2aVlxeE+}v~n
zM&=0)S{!mX5>bh^6SlfA!<KzuSy(DohYAX=7_!OO7>H>M8461gCOg0F!~6X5<b9I&
z%ku^t#oJX1y#fGKg*J;zq)(g_IWB6(WKER_>2C85Gr+e;>z19Li=N$ObL{}A%>dvV
z0G3uo-UT>d0EoK*a*qS(-aUTqL<|5+FSM9Tsyi!JR#)>cW-__J@*ViE=q$epDDJGr
z6a@}itm700C|b}{V6|GA*O5PMB$A!35Ptg*<gDw1G6^;L?6nPcH$;;hcH0EX{05>*
zA%Ua|^sc-Y91xXw<K1h-?0fd)hR`1v_RL78Ovxwm=}-8d%Zad_+KR6J6oJ6^%IbTs
z@ZLuRJ+T|cwr83Jm0$JIev;xWx_~2cgR9xs0nvG`t_{&h#cjL+0YOFzk^1g?nC)RT
zL;cVVMGdj%xOrK)LRjWBUUlg&a&0nq><#|wL)-c=Y`sesoC?_9HX2wu>$_8TlR)Bc
zUyHwXfDrzc;Fi5LP>MAlR@&|pBR#hxysbaUvDoX+a&yBqI)=(2-<pH=y>4!LJ(C^b
zPkyWthRl}{=`TO>**ak;kN2AF<QjIiwyZv();4Kp)xj0QvH8k%4<JibTOuuh=dkF?
zU%Fu1J}5fK(G4?ls*LX<QpS7byv&Z#sVUAp#{)NNe#(<7NUot~PXP1ol)54Vx8Y@M
zqL{#A^5xbq30xAae8RB;Re3|hhFS@&x_)lj%5dPk*+bOe?Z?uLY&^Nl+1UBc219V?
z?}V_>uqC0nI>~okhQPnFK%@3ef-#`M)3QBv9ZSJ4I*I4cNBI7iLQvYITI=O4@?45P
zsm^jT!non!p@jk3he|3?(^e@GkI<fA1d|yDN7W3wcvHHuYUF~1t&m3_a$C+I+NKLl
z8CsWKy=0Eh34fZj;UDjZ?)WUmrnIU&EY_bK@(IiNMv5SVbDz${F;ckoKpM`O4NXn=
zt$XotqmEd7@T4J$?D|SyK3ppccOYyAZfV_aF8hvfX>?4Z6vj5Q^PWco%E4?JN&I?^
zsf5R{f2<dIct4$Fc_z?8cC{T1DTGstYCM)fPPgs{DK)AwDR2Vh!O;toPvaojvuU7_
qd2HpWm16U)={`T=LEqB*zoh|;hl~0W<e60QwV-fYvE_V$yZ%4#&`A*h

literal 0
HcmV?d00001


From 5468de3af6625123cb5726f3ad3b942989bb4428 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 29 Sep 2014 12:40:03 +0200
Subject: [PATCH 05/35] cambios definitivos, a falta de aclarar donde usar
 mejor getUserHash y que este coja de la base de datos los usuarios.

---
 .../Component/ImageResizerComponent.php       | 126 +++++++++---------
 Controller/MediaController.php                |  72 ++++++----
 Model/Media.php                               |   2 +-
 3 files changed, 108 insertions(+), 92 deletions(-)

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index f1eeab43..03d42879 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -88,66 +88,20 @@ public function resize($src, $dst, $options = array()) {
     if ($this->_semaphoreId) {
       sem_release($this->_semaphoreId);
     }
-    
-    
-    $homeDir = Configure::read('user.home.dir');
-    $watermarkDir = $homeDir . $this->accessUser['User']['id'] . DS . 'watermark';
-    
-    if(file_exists($watermarkDir) && is_dir($watermarkDir)){
-        $d=opendir($watermarkDir); 
-        $sizeFiles = array();
-        while($archivo = readdir($d)){
-            if($archivo != "." AND $archivo!=".."){
-                $filePath = $watermarkDir . DS. $archivo;
-                if (is_file($filePath) && strpos(mime_content_type($filePath), 'image')!==false ){
-                    $filePathInfo = pathinfo($filePath);
-                    $fileName = $filePathInfo['filename'];
-                    $lastUnderscore = strrpos($fileName, '_');
-                    if($lastUnderscore!==false){
-                        $sizeMinFile = (int)substr($fileName, $lastUnderscore+1);
-                        $sizeFiles[$sizeMinFile] = $filePath;
-                    }
-                    $size = getimagesize($watermarkDir.'/'.$archivo, $info);
-                    /*
-                    $iptc = iptcparse($info['APP13']);
-                    $keywords = $iptc['2#025'];
 
-
-                    if($keywords){
-                        foreach($keywords as $t){
-                            $ruta_album = "/home/webs/golfinspain-picasa-export/{$t}";
-                            Alsur_FilesCommonActions::createDirectoryIfNotExists($ruta_album);
-                            copy($dir.'/'.$archivo, $ruta_album.'/'.$archivo);			
-                            $c++;	
-                        }
-                    }
-                     * 
-                     */
-                }
-                /*
-                if(is_dir($dir.'/'.$archivo)){
-                        $this->createAlbumByTag($dir.'/'.$archivo);
-                }
-                */
-            }
-        }
-        
-        // ordenar
-        print_r($sizeFiles);
-        exit;
-        
-    }
     
     if ($result) {
       CakeLog::debug("Render {$options['size']}x{$options['size']} image in ".round($t2-$t1, 4)."ms to '{$phpThumb->cache_filename}'");
       
-    print_r($phpThumb);exit;
       $phpThumb->RenderToFile($phpThumb->cache_filename);
     } else {
       CakeLog::error("Could not generate thumbnail: ".$phpThumb->error);
       CakeLog::error($phpThumb->debugmessages);
       die('Failed: '.$phpThumb->error);
     }
+     
+    $this->_addWatermark($phpThumb->cache_filename);
+
     
 
     
@@ -164,20 +118,65 @@ public function resize($src, $dst, $options = array()) {
     return !$event->isStopped();
   }
   
-    private function _addWatermark($filename) {
-    $watermarkFile = APP . 'webroot' . DS . 'img' . DS . 'play.icon.png';
-
-    App::uses('WatermarkCreator', 'Lib');
-    $watermark = new WatermarkCreator();
-
-    $scaleMode = 'inner';
-    $position = ''; // empty for center
-
-    if (!$watermark->create($filename, $watermarkFile, $scaleMode, $position)) {
-      CakeLog::error(join(', ', $watermark->errors));
+  private function _addWatermark($originalFile){
+          
+    $homeDir = Configure::read('user.home.dir');
+    $watermarkDir = $homeDir . $this->accessUser['User']['id'] . DS . 'watermark';
+    
+    
+    if(file_exists($watermarkDir) && is_dir($watermarkDir)){
+        $d=opendir($watermarkDir); 
+        $sizeFiles = array();
+        while($file = readdir($d)){ // no recursive, only files in this folder
+            if($file != "." AND $file!=".."){
+                $filePath = $watermarkDir . DS. $file;
+                if (is_file($filePath) && strpos(mime_content_type($filePath), 'image')!==false ){
+                    // is a file and mime content is image.
+                    $filePathInfo = pathinfo($filePath);
+                    $fileName = $filePathInfo['filename'];
+                    $lastUnderscore = strrpos($fileName, '_');
+                    // the filename must be xxxxx_{minSize}.extension
+                    // minSize is the min width to add the watermark
+                    if($lastUnderscore!==false){
+                        $sizeMinFile = (int)substr($fileName, $lastUnderscore+1);
+                        $sizeFiles[$sizeMinFile] = $filePath;
+                        // sample: $sizeFiles[500] = /tmp/file_500.jpeg
+                    }
+                }
+            }
+        }
+        
+        if(count($sizeFiles)>0){
+            ksort($sizeFiles);
+            list($imgWidth, $imgHeight, $imgType, $imgAttr) = getimagesize($originalFile);
+            $watermarkFile = false; 
+            // if widthImg is less than the watermark with the minimum size, 
+            // no add watermark to image. 
+            foreach($sizeFiles as $ksf=>$vsf){
+                if($ksf <= $widthImg){
+                    $watermarkFile = $vsf;
+                } else {
+                    break;
+                }
+            }
+            // add the watermark with the maximum size than be less than original image width.
+            
+            if($watermarkFile){
+                App::uses('WatermarkCreator', 'Lib');
+                $watermark = new WatermarkCreator();
+                $scaleMode = 'none';
+                $position = 'se'; // southeast
+                if (!$watermark->create($originalFile, $watermarkFile, $scaleMode, $position)) {
+                    CakeLog::error(join(', ', $watermark->errors));
+                }
+            }
+            
+        }
+        
     }
   }
 
+
   /**
    * Configure phpThumb with source, destination and all options
    *
@@ -200,14 +199,15 @@ private function _configurePhpThump(&$phpThumb, &$src, &$dst, &$options) {
    * @param array $options
    */
   private function _configureOptions(&$phpThumb, &$options) {
+      
     $phpThumb->w = $options['size'];
     $phpThumb->h = $options['size'];
     
-    if(isset($options['w'])){
+    if(isset($options['w'])){ // add w
         $phpThumb->w = $options['w'];
     }
     
-    if(isset($options['h'])){
+    if(isset($options['h'])){ // add h
         $phpThumb->h = $options['h'];
     }
     
@@ -220,7 +220,7 @@ private function _configureOptions(&$phpThumb, &$options) {
       $phpThumb->h = $options['size'];
     }
     
-    if(isset($options['zc'])){
+    if(isset($options['zc'])){ // add zc
         $phpThumb->zc = $options['zc'];
     }
     
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index b0c110e3..815ffaa4 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -146,33 +146,33 @@ private function _createFlashVideo($id) {
   }
 
   public function mini($id) {
-    $params = $this->_getParamsResize();
-    $name = ($params != '') ? 'mini_'.$params : 'mini';
-    return $this->_sendPreview($id, $name, $params);
+      
+      return $this->_sendImage('mini', $id);
   }
 
   public function thumb($id)	{
-    $params = $this->_getParamsResize();
-    $name = ($params != '') ? 'thumb_'.$params : 'thumb_';
-    return $this->_sendPreview($id, $name, $params);
+      
+      return $this->_sendImage('thumb', $id);
   }
 
   public function preview($id) {
-    $params = $this->_getParamsResize();
-    $name = ($params != '') ? 'preview_'.$params : 'preview';
-    return $this->_sendPreview($id, $name, $params);
+      return $this->_sendImage('preview', $id);
   }
 
   public function high($id) {
-    $params = $this->_getParamsResize();
-    $name = ($params != '') ? 'high_'.$params : 'high';
-    return $this->_sendPreview($id, $name, $params);
+      return $this->_sendImage('high', $id);
   }
 
   public function hd($id) {
+      return $this->_sendImage('hd', $id);
+  }
+  
+  private function _sendImage($type, $id){
+      
     $params = $this->_getParamsResize();
-    $name = ($params != '') ? 'hd_'.$params : 'hd';
-    return $this->_sendPreview($id, $name, $params);
+    $name = ($params['str'] != '') ? $type.'_'.$params['str'] : $type;
+    return $this->_sendPreview($id, $name, $params['arr']);
+      
   }
 
   public function video($id) {
@@ -350,6 +350,7 @@ public function zip($format) {
    * @author Jose <jose@alsur.es>
    * Con esta funcion permito que mediante una busqueda se pueda devolver
    * una imagen determinada.
+	* Search by position in tag
    */
     public function show($number){
         $medias = $this->_getListPhotos();
@@ -358,8 +359,8 @@ public function show($number){
         $name = 'high';
         if(isset($medias[$number])){
             $params = $this->_getParamsResize();
-            $name = ($params != '') ? 'high_'.$params : 'high';
-            return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params);
+            $name = ($params['str'] != '') ? 'high_'.$params['str'] : 'high';
+            return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params['arr']);
         } else {
             return $this->_sendPreview(null,$name);
         }
@@ -379,23 +380,38 @@ private function _getListPhotos(){
         
     }
     
-    private function _getParamsResize(){
-        $params = '';
+    private function _getParamsResize($mode='all'){
+        $arrParams = array();
+        if($mode == 'str' || $mode == 'all') $strParams = '';
         foreach(array('w','h','zc') as $p){
-            if(isset($_GET[$p])) {
-                $params .= "{$p}{$_GET[$p]}";
+            if(isset($this->request->query[$p])) {
+                $param = $this->request->query[$p];
+                $arrParams[$p] = $param;
+                if($mode == 'str' || $mode == 'all') $strparams .= "{$p}{$param}";
             }
         }
         
-        if(isset($this->Media->accessUser)){
-            $this->accessUser = $this->Media->accessUser;        
-        } else {
-            $this->accessUser = $this->getUser();
+        if($mode == 'str' || $mode == 'all'){
+            if(isset($this->Media->accessUser)){
+                $this->accessUser = $this->Media->accessUser;        
+            } else {
+                $user = $this->getUser();
+                if($user['User']['id'] == -1 && isset($this->request->query['k'])){
+                    $hashUser = $this->Media->_getHashUser();
+                    if($hashUser) $this->accessUser = $user = $hashUser;
+                } else {
+                    $this->accessUser = $user;
+                }
+            }
+            $strParams.="u{$this->accessUser['User']['id']}";
         }
-
-        $params.="u{$this->accessUser['User']['id']}";
-        
-        return $params;
         
+        if($mode == 'arr'){
+            return $arrParams;
+        } elseif($mode == 'str'){
+            return $strParams;
+        } else {
+            return array('arr' => $arrParams, 'str' => $strParams);
+        }        
     }
 }
diff --git a/Model/Media.php b/Model/Media.php
index ea8b03ca..d34dd50a 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -545,7 +545,7 @@ public function buildAclJoin($alias) {
     return $join;
   }
   
-  private function _getHashUser(){
+  public function _getHashUser(){
       if($_GET['k']){
           $user = '';
           switch($_GET['k']){

From fc80b5fd556d40278a72a9e279e36a54a9fd4f8c Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 29 Sep 2014 19:05:37 +0200
Subject: [PATCH 06/35] =?UTF-8?q?version=20muy=20definitiva=20de=20phtagr,?=
 =?UTF-8?q?=20queda=20mirar=20cach=C3=A9.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Component/ImageResizerComponent.php       | 14 ++++----
 .../Component/PreviewManagerComponent.php     |  1 +
 Controller/MediaController.php                | 19 +++-------
 Controller/OptionsController.php              |  2 +-
 Model/Media.php                               | 35 ++++++-------------
 View/Explorer/media.ctp                       |  6 ++--
 View/Options/profile.ctp                      |  1 +
 7 files changed, 28 insertions(+), 50 deletions(-)

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index 03d42879..d454969d 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -46,11 +46,6 @@ public function initialize(Controller $controller) {
    *   - isOriginal True if source is original file
    */
   public function resize($src, $dst, $options = array()) {
-      if(isset($this->controller->Media->accessUser)){
-        $this->accessUser = $this->controller->Media->accessUser;        
-    } else {
-        $this->accessUser = $this->controller->getUser();
-    }
     $options = am(array(
       'size' => 220,
       'quality' => 85,
@@ -120,8 +115,13 @@ public function resize($src, $dst, $options = array()) {
   
   private function _addWatermark($originalFile){
           
+    if(method_exists($this->controller->Media, 'getAPIUser')){
+        $accessUser = $this->controller->Media->getAPIUser();
+    } else {
+        $accessUser = $this->controller->getUser();
+    }
     $homeDir = Configure::read('user.home.dir');
-    $watermarkDir = $homeDir . $this->accessUser['User']['id'] . DS . 'watermark';
+    $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark';
     
     
     if(file_exists($watermarkDir) && is_dir($watermarkDir)){
@@ -153,7 +153,7 @@ private function _addWatermark($originalFile){
             // if widthImg is less than the watermark with the minimum size, 
             // no add watermark to image. 
             foreach($sizeFiles as $ksf=>$vsf){
-                if($ksf <= $widthImg){
+                if($ksf <= $imgWidth){
                     $watermarkFile = $vsf;
                 } else {
                     break;
diff --git a/Controller/Component/PreviewManagerComponent.php b/Controller/Component/PreviewManagerComponent.php
index 12b3ad4f..159e8142 100644
--- a/Controller/Component/PreviewManagerComponent.php
+++ b/Controller/Component/PreviewManagerComponent.php
@@ -113,6 +113,7 @@ public function getPreview(&$media, $name, $config = array()) {
       $config['isOriginal'] = true;
     }
     $dst = $this->FileCache->getFilePath($media, $name);
+    //print_r($config);exit;
     if (!$dst) {
       CakeLog::error("Could not get cache file path for media {$this->controller->Media->toString($media)}");
       return false;
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 815ffaa4..579c0e29 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -93,7 +93,7 @@ private function _handleClientCache($filename) {
    */
   private function _getMedia($id, $type = 'preview') {
       
-    $user = $this->getUser();
+    $user = $this->Media->getAPIUser();
     switch ($type) {
       case 'hd':
         $flag = ACL_READ_ORIGINAL; break;
@@ -380,6 +380,7 @@ private function _getListPhotos(){
         
     }
     
+    
     private function _getParamsResize($mode='all'){
         $arrParams = array();
         if($mode == 'str' || $mode == 'all') $strParams = '';
@@ -387,23 +388,13 @@ private function _getParamsResize($mode='all'){
             if(isset($this->request->query[$p])) {
                 $param = $this->request->query[$p];
                 $arrParams[$p] = $param;
-                if($mode == 'str' || $mode == 'all') $strparams .= "{$p}{$param}";
+                if($mode == 'str' || $mode == 'all') $strParams .= "{$p}{$param}";
             }
         }
         
         if($mode == 'str' || $mode == 'all'){
-            if(isset($this->Media->accessUser)){
-                $this->accessUser = $this->Media->accessUser;        
-            } else {
-                $user = $this->getUser();
-                if($user['User']['id'] == -1 && isset($this->request->query['k'])){
-                    $hashUser = $this->Media->_getHashUser();
-                    if($hashUser) $this->accessUser = $user = $hashUser;
-                } else {
-                    $this->accessUser = $user;
-                }
-            }
-            $strParams.="u{$this->accessUser['User']['id']}";
+            $user = $this->Media->getAPIUser();
+            $strParams.="u{$user['User']['id']}";
         }
         
         if($mode == 'arr'){
diff --git a/Controller/OptionsController.php b/Controller/OptionsController.php
index 94df38f2..9e3ca695 100644
--- a/Controller/OptionsController.php
+++ b/Controller/OptionsController.php
@@ -60,7 +60,7 @@ public function profile() {
     $userId = $this->getUserId();
     if (!empty($this->request->data)) {
       $this->User->id = $userId;
-      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'visible_level', 'notify_interval'))) {
+      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'API', 'visible_level', 'notify_interval'))) {
         CakeLog::error("Could not update user profile");
         $this->Session->setFlash(__("Could not save profile!"));
       } else {
diff --git a/Model/Media.php b/Model/Media.php
index d34dd50a..ff17aa45 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -544,29 +544,16 @@ public function buildAclJoin($alias) {
         );
     return $join;
   }
+
   
-  public function _getHashUser(){
-      if($_GET['k']){
-          $user = '';
-          switch($_GET['k']){
-              case 'golfinspain':
-                  $user = 'jose';
-                  break;
-              
-              case 'golfinspain-luis':
-                  $user = 'luison';
-                  break;
-          }
-          if($user){
-              return $this->User->findByUsername($user);
-          }
-          
-      } else {
-          return false;
-      }
-      
-  }
+    public function getAPIUser(){
+        if(isset($_GET['api'])){
+            $hashUser = $this->User->findByApi($_GET['api']);
+        }
 
+        if(isset($hashUser) && $hashUser['User']['id'] != -1) return $hashUser;
+        else return false;
+    }
   /**
    * Build ACL query for media.
    *
@@ -578,10 +565,8 @@ public function _getHashUser(){
    * @return returns ACL query
    */
   public function buildAclQuery($user, $userId = 0, $level = ACL_READ_PREVIEW) {
-    if($user['User']['id'] == -1 && isset($_GET['k'])){
-        $hashUser = $this->_getHashUser();
-        if($hashUser) $this->accessUser = $user = $hashUser;
-    }
+    $hashUser = $this->getAPIUser();
+    if($hashUser !== false) $user = $hashUser;
     $level = intval($level);
     $conditions = array();
     $joins = array();
diff --git a/View/Explorer/media.ctp b/View/Explorer/media.ctp
index b721d4d7..68a4076e 100644
--- a/View/Explorer/media.ctp
+++ b/View/Explorer/media.ctp
@@ -53,9 +53,9 @@
         $contentUrl = sprintf("/media/preview/%d%s/%s", $media['Media']['id'], $keyParam, $media['Media']['name']);
         $previewSize = $this->ImageData->getimagesize($media, OUTPUT_SIZE_PREVIEW);
       }
-      if($_GET['k']!=''){
-          $thumbUrl.='?k='.$_GET['hash'];
-          $contentUrl.='?k='.$_GET['hash'];
+      if(isset($_GET['api']) && $_GET['api']!=''){
+          $thumbUrl.='?api='.$_GET['api'];
+          $contentUrl.='?api='.$_GET['api'];
       }
     ?><media:thumbnail url="<?php echo Router::url($thumbUrl, true); ?>" <?php echo $thumbSize[3]; ?> type="image/jpeg" />
     <media:content url="<?php echo Router::url($contentUrl, true); ?>" <?php echo $previewSize[3]; ?> type="image/jpeg" />
diff --git a/View/Options/profile.ctp b/View/Options/profile.ctp
index 913e4c24..ac41172a 100644
--- a/View/Options/profile.ctp
+++ b/View/Options/profile.ctp
@@ -9,6 +9,7 @@
   echo $this->Form->input('User.firstname', array('label' => __('First name')));
   echo $this->Form->input('User.lastname', array('label' => __('Last name')));
   echo $this->Form->input('User.email', array('label' => __('Email')));
+  echo $this->Form->input('User.API', array('label' => __('API')));
 ?>
 </fieldset>
 

From 9e5a1a4b4b12f1be561f3d7191be03735a2fa20c Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Wed, 1 Oct 2014 11:45:50 +0200
Subject: [PATCH 07/35] =?UTF-8?q?a=C3=B1ado=20comentarios.=20Tengo=20que?=
 =?UTF-8?q?=20optimizar=20cache.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/Component/ImageResizerComponent.php |  17 +++++++++++++++--
 Controller/MediaController.php                 |  12 ++++++++++--
 webroot/img/watermark/aguagis_p_300.png        | Bin 0 -> 1002 bytes
 3 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 webroot/img/watermark/aguagis_p_300.png

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index d454969d..27e0762a 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -114,7 +114,12 @@ public function resize($src, $dst, $options = array()) {
   }
   
   private function _addWatermark($originalFile){
-          
+    /**
+     * Si se quiere usar una marca de agua por usuario
+     * descomentar el codigo siguiente
+     */
+    /** 
+     * CODIGO 1*/
     if(method_exists($this->controller->Media, 'getAPIUser')){
         $accessUser = $this->controller->Media->getAPIUser();
     } else {
@@ -123,6 +128,14 @@ private function _addWatermark($originalFile){
     $homeDir = Configure::read('user.home.dir');
     $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark';
     
+    //echo $watermarkDir;exit;
+   // print_r($accessUser);exit;
+    
+    /** CODE 2 **/
+    //$watermarkDir = APP . 'webroot' . DS . 'img' . DS . 'watermark';
+    
+    /** FIN_CODE 2 **/
+    
     
     if(file_exists($watermarkDir) && is_dir($watermarkDir)){
         $d=opendir($watermarkDir); 
@@ -152,6 +165,7 @@ private function _addWatermark($originalFile){
             $watermarkFile = false; 
             // if widthImg is less than the watermark with the minimum size, 
             // no add watermark to image. 
+            //echo $imgWidth;exit;
             foreach($sizeFiles as $ksf=>$vsf){
                 if($ksf <= $imgWidth){
                     $watermarkFile = $vsf;
@@ -160,7 +174,6 @@ private function _addWatermark($originalFile){
                 }
             }
             // add the watermark with the maximum size than be less than original image width.
-            
             if($watermarkFile){
                 App::uses('WatermarkCreator', 'Lib');
                 $watermark = new WatermarkCreator();
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 579c0e29..ace95652 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -94,6 +94,7 @@ private function _handleClientCache($filename) {
   private function _getMedia($id, $type = 'preview') {
       
     $user = $this->Media->getAPIUser();
+    if(!$user) $user = $this->getUser(); 
     switch ($type) {
       case 'hd':
         $flag = ACL_READ_ORIGINAL; break;
@@ -359,7 +360,7 @@ public function show($number){
         $name = 'high';
         if(isset($medias[$number])){
             $params = $this->_getParamsResize();
-            $name = ($params['str'] != '') ? 'high_'.$params['str'] : 'high';
+            $name = ($params['str'] != '') ? $name.'_'.$params['str'] : $name;
             return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params['arr']);
         } else {
             return $this->_sendPreview(null,$name);
@@ -392,9 +393,16 @@ private function _getParamsResize($mode='all'){
             }
         }
         
+        
+        /**
+         * parametro $user existe por si hay una marca de agua diferente
+         * para cada usuario, por lo que habria una imagen distinta segun
+         * usuario. Si se va a usar la misma no hace falta por el momento
+         * este parametro.
+         */
         if($mode == 'str' || $mode == 'all'){
             $user = $this->Media->getAPIUser();
-            $strParams.="u{$user['User']['id']}";
+            if($user) $strParams.="u{$user['User']['id']}";
         }
         
         if($mode == 'arr'){
diff --git a/webroot/img/watermark/aguagis_p_300.png b/webroot/img/watermark/aguagis_p_300.png
new file mode 100644
index 0000000000000000000000000000000000000000..26bfe3bdef17c57297e313c290d1e2ba156922d6
GIT binary patch
literal 1002
zcmV<G0~P#<P)<h;3K|Lk000e1NJLTq003+N000&U1^@s6CEs~!00004XF*Lt006O$
zeEU(80000WV@Og>004R=004l4008;_004mK004C`008P>0026d000+nm#LZ500009
za7bBm000ie000ie0hKEb8vp<UU`a$lRA@u(nZ1t^K@`B}EG*1Ls4Q&Yl8c26@E5=}
z7B*mO1GF|=Wec`8Kx1LU@fQHC%|T;g1vD1s5}`4~<{%*!HaNeReS3QZlwC}Y&FwFl
z%*VcYGxI)%$=%WF%j1=a2n`RMIwB-Q4htEP!$O8{hfSW0omRwM;LBkbUz_IS<izRi
z$LQg}^ndlF{0-!CZ!=O8ETs>x+<x~*+mYJLF8a68`25bypG}?K;o$3)7=LkOMx&8Q
z{!BR|!NBP4_KmR<iG=C*`y2IQ@Uycsb9s4by4|j6Hk&4uN||^(Zszm38GZcjNZtmg
z4h92h$6_%v|FrvKm|)0cGN#k%n8MSdGkO^K%CN;^vA46xQk;d+TdkHjYdW2Z!(dzH
zEtgAIrqO7aTCFC9tV5P;pr%h-omH(?Mc(_JnspTI>)Od=QudZkr`>U#cju5{yOiN@
zNQkbo*{oZN#iA6(t>HzcQmL%0Gu-dgUOoAIUgT}`u58wbJjEJzRj=3On-=sSLwo%j
zda0R5ZL`R&udlCNIo+4)@fP;L+Uw&gi*D9Y-8$wykIrYWtiyWr8K=*D#^_VCrgy&I
zvU7%|e`lrczaL8U5`DQ`PO^oogDZ-Nmn+joC^dy~eh(D-3K_!{N1@GpAS<}W#^bT*
zfYZ}c$x7gQT!+0_gUBtw9As>8NcQq=Hk*kYI&2_Go6KWv&^0%KPMxD!4*Z5PpKLro
zKR1O!LC$A`%RLjeVw^s8sZ^3|4NBl=J;voX1S4S(97rG7JOvqQ9S3BAZ#Y(s#9<V5
z5*!~NyR|wy_b4y57uLZT3Vqd&!MRdlGMU`kkHR=|o3L48F5YyU-VNwMzXmU8ThGPZ
z#_N`}srk-YK?&@z__u@@nN4FDG7Ten@n(}!dR~!eC40){vKWb|$Jj(X^m;uvs>v+B
zTwPtszKCk{kZG!iKKg<E+N(<1?0;K^t;25`4=2vg*>MoBXY`?m2Mgmt_Wm#S{#znH
z=41pL^z$I$&>HF9jN!T<0&%up!$DyU^sp};47@hE`Y^PPugmQU`&4;-sL<DQZMp^i
z2lwWWzg~ycUe=w_@NsV(7W5`KG@^g6gp9zCj)=P<a#+ZS92PPnhlPyDVId=OSg0`O
Y4_En*7hQ4rH2?qr07*qoM6N<$g2yf3(EtDd

literal 0
HcmV?d00001


From 213ec101f79719379e4d7ca5afd86b4c5aa1e728 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Wed, 1 Oct 2014 16:35:17 +0200
Subject: [PATCH 08/35] =?UTF-8?q?Solo=20una=20ruta=20de=20watermarks=20en?=
 =?UTF-8?q?=20el=20proyecto.=20Mejor=20estructura=20y=20arreglo=20la=20cac?=
 =?UTF-8?q?h=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Component/ImageResizerComponent.php       | 13 ++--
 .../Component/PreviewManagerComponent.php     | 37 ++++++++++-
 Controller/MediaController.php                | 66 +++++++++++++++----
 3 files changed, 95 insertions(+), 21 deletions(-)

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index 27e0762a..b442a074 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -69,6 +69,7 @@ public function resize($src, $dst, $options = array()) {
       $options['width'] = $size[0];
       $options['height'] = $size[1];
     }
+    
 
     $phpThumb = new phpThumb();
     $this->_configurePhpThump($phpThumb, $src, $dst, $options);
@@ -95,7 +96,9 @@ public function resize($src, $dst, $options = array()) {
       die('Failed: '.$phpThumb->error);
     }
      
-    $this->_addWatermark($phpThumb->cache_filename);
+    if(!isset($options['isOriginal']) || $options['isOriginal']!==true) {
+        $this->_addWatermark($phpThumb->cache_filename);
+    }
 
     
 
@@ -119,7 +122,7 @@ private function _addWatermark($originalFile){
      * descomentar el codigo siguiente
      */
     /** 
-     * CODIGO 1*/
+     * CODIGO 1
     if(method_exists($this->controller->Media, 'getAPIUser')){
         $accessUser = $this->controller->Media->getAPIUser();
     } else {
@@ -127,12 +130,11 @@ private function _addWatermark($originalFile){
     }
     $homeDir = Configure::read('user.home.dir');
     $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark';
+    */
     
-    //echo $watermarkDir;exit;
-   // print_r($accessUser);exit;
     
     /** CODE 2 **/
-    //$watermarkDir = APP . 'webroot' . DS . 'img' . DS . 'watermark';
+    $watermarkDir = APP . 'webroot' . DS . 'img' . DS . 'watermark';
     
     /** FIN_CODE 2 **/
     
@@ -212,7 +214,6 @@ private function _configurePhpThump(&$phpThumb, &$src, &$dst, &$options) {
    * @param array $options
    */
   private function _configureOptions(&$phpThumb, &$options) {
-      
     $phpThumb->w = $options['size'];
     $phpThumb->h = $options['size'];
     
diff --git a/Controller/Component/PreviewManagerComponent.php b/Controller/Component/PreviewManagerComponent.php
index 159e8142..cef4cf69 100644
--- a/Controller/Component/PreviewManagerComponent.php
+++ b/Controller/Component/PreviewManagerComponent.php
@@ -95,11 +95,20 @@ public function _getImageSoureFilename($media) {
    * @param config (Optional) configuration for the preview generation
    * @return Full path to the preview file
    */
-  public function getPreview(&$media, $name, $config = array()) {
+  public function getPreview(&$media, $name, $config = array(), $paramsHash = '') {
+
+    
+    if(is_array($config) && count($config)>0){
+        $paramsResize = $config;
+        //print_r($paramsResize)
+    }
+    
+    
     $config = am($this->defaults, $config);
     if (isset($this->config[$name])) {
       $config = am($config, $this->config[$name]);
     }
+    
     if ($config['requires']) {
       $src = $this->getPreview($media, $config['requires']);
       if (!$src) {
@@ -112,13 +121,23 @@ public function getPreview(&$media, $name, $config = array()) {
       $config['rotation'] = $this->controller->Media->getRotationInDegree($media);
       $config['isOriginal'] = true;
     }
+    
+    if($paramsHash != ''){
+        $name = $name.'_'.$paramsHash;
+        
+    } elseif(!isset($config['isOriginal'])) {
+        $name = $name.'_ww';
+        
+    }
+    
+    
     $dst = $this->FileCache->getFilePath($media, $name);
-    //print_r($config);exit;
     if (!$dst) {
       CakeLog::error("Could not get cache file path for media {$this->controller->Media->toString($media)}");
       return false;
     }
-
+    
+    
     if (file_exists($dst) && !$config['force']) {
       if (is_readable($dst)) {
         return $dst;
@@ -127,6 +146,16 @@ public function getPreview(&$media, $name, $config = array()) {
         return false;
       }
     }
+    
+    /*
+    if(isset($paramsResize)){
+        echo '<h1>2</h1>';
+        print_r($config);exit;
+    }
+    */
+    
+    
+    // creo imagen original
     $this->controller->loadComponent('ImageResizer', $this);
     if (!$this->ImageResizer->resize($src, $dst, $config)) {
       CakeLog::error("Resize of '$src' to '$dst' failed");
@@ -135,4 +164,6 @@ public function getPreview(&$media, $name, $config = array()) {
     }
     return $dst;
   }
+  
+
 }
\ No newline at end of file
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index ace95652..9ae36ab9 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -115,9 +115,9 @@ private function _getMedia($id, $type = 'preview') {
     return $media;
   }
 
-  private function _sendPreview($id, $type,$options=array()) {
+  private function _sendPreview($id, $type,$options=array(),$paramsHash='') {
     $media = $this->_getMedia($id, $type);
-    $preview = $this->PreviewManager->getPreview($media, $type, $options);
+    $preview = $this->PreviewManager->getPreview($media, $type, $options,$paramsHash);
     if (!$preview) {
       CakeLog::error("Fetching preview type '{$type}' for {$this->Media->toString($media)} failed");
       $this->redirect(null, 403);
@@ -170,10 +170,18 @@ public function hd($id) {
   
   private function _sendImage($type, $id){
       
+    /*
     $params = $this->_getParamsResize();
     $name = ($params['str'] != '') ? $type.'_'.$params['str'] : $type;
     return $this->_sendPreview($id, $name, $params['arr']);
+    */
       
+    $params = $this->_getParamsResize();
+    if($params){
+        return $this->_sendPreview($id, $type,$params['arr'], $params['str']);
+    } else {
+        return $this->_sendPreview($id, $type);
+    }
   }
 
   public function video($id) {
@@ -360,8 +368,8 @@ public function show($number){
         $name = 'high';
         if(isset($medias[$number])){
             $params = $this->_getParamsResize();
-            $name = ($params['str'] != '') ? $name.'_'.$params['str'] : $name;
-            return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params['arr']);
+            //$name = ($params['str'] != '') ? $name.'_'.$params['str'] : $name;
+            return $this->_sendPreview($medias[$number]['Media']['id'], $name,$params['arr'],$params['str']);
         } else {
             return $this->_sendPreview(null,$name);
         }
@@ -381,16 +389,42 @@ private function _getListPhotos(){
         
     }
     
-    
-    private function _getParamsResize($mode='all'){
+    private function _getParamsResize(){
         $arrParams = array();
-        if($mode == 'str' || $mode == 'all') $strParams = '';
-        foreach(array('w','h','zc') as $p){
-            if(isset($this->request->query[$p])) {
+        //if($mode == 'str' || $mode == 'all') $strParams = '';
+        foreach(array('size', 'square', 'w','h','zc','quality','rotation') as $p){
+            if(isset($this->request->query[$p])){
                 $param = $this->request->query[$p];
-                $arrParams[$p] = $param;
-                if($mode == 'str' || $mode == 'all') $strParams .= "{$p}{$param}";
+                switch($p){
+                    case 'size':
+                        $arrParams['w'] = (int)$param;
+                        $arrParams['h'] = (int)$param;
+                        break;
+                    case 'square':
+                        $arrParams['zc'] = 1;
+                        break;
+                    case 'w':
+                    case 'h':
+                    case 'zc':
+                    case 'quality':
+                    case 'rotation':
+                        $arrParams[$p] = $param;
+                        break;
+                }
+            }
+        }
+        
+        if(count($arrParams)>0){
+        
+            $strParams = '';
+            foreach($arrParams as $kaP=>$vaP){
+                if($kaP == 'quality') $kaP = 'q';
+                elseif($kaP == 'rotation') $kaP = 'r';
+                $strParams .= "{$kaP}{$vaP}";
             }
+            return array('str' => $strParams, 'arr' => $arrParams);
+        } else {
+            return false;
         }
         
         
@@ -400,17 +434,25 @@ private function _getParamsResize($mode='all'){
          * usuario. Si se va a usar la misma no hace falta por el momento
          * este parametro.
          */
+        /*
         if($mode == 'str' || $mode == 'all'){
             $user = $this->Media->getAPIUser();
             if($user) $strParams.="u{$user['User']['id']}";
         }
+        */
         
+        /*
         if($mode == 'arr'){
             return $arrParams;
         } elseif($mode == 'str'){
             return $strParams;
         } else {
             return array('arr' => $arrParams, 'str' => $strParams);
-        }        
+        }   
+        */
+        return $arrParams;
     }
+    
+    
+
 }

From aec6169375ddac4408b7193fc4cd1e46c8eb6e68 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 6 Oct 2014 14:00:06 +0200
Subject: [PATCH 09/35] Al importar una carpeta si esta contenia imagenes de
 las que no se habian creado media (subidas por el quickupload) no las creaba.
 Lo he modificado para que las cree.

---
 Controller/Component/FilterManagerComponent.php | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/Controller/Component/FilterManagerComponent.php b/Controller/Component/FilterManagerComponent.php
index 0bd9337d..b8025183 100644
--- a/Controller/Component/FilterManagerComponent.php
+++ b/Controller/Component/FilterManagerComponent.php
@@ -308,6 +308,7 @@ public function readFiles($files, $options = array()) {
         }
       }
     }
+    
     CakeLog::debug("Found ".count($stack)." files to import");
     $extStack = $this->_sortFilesByExtension($stack);
     $order = $this->_getExtensionsByPriority();
@@ -333,6 +334,8 @@ public function readFiles($files, $options = array()) {
         $importLog = $this->_importlog($importLog, $file);
       }
     }
+    
+    
     return $result;
   }
 
@@ -450,6 +453,7 @@ public function read($filename, $forceReadMeta = false) {
       return false;
     }
     if (!$this->isSupported($filename)) {
+        
       CakeLog::debug("File $filename is not supported");
       return false;
     }
@@ -493,18 +497,26 @@ public function read($filename, $forceReadMeta = false) {
         //return $media;//overload memory with 20kb for each file
         return $filename;//around 0.2kb
       }
-    } else {
+    } 
+    /**
+    * Jose: Si queremos que cree medias de imagenes que se encuentran
+    * en la ruta y de las que aun no se ha creado Media, hay que comentar
+    * este ELSE
+    */
+    /* else {
       $media = false;
       if ($forceReadMeta) {
         //media missing, file will not be readed; force read meta only for EXISTING media;
         return false;
       }
     }
+    */
 
     $filter = $this->getFilterByExtension($filename);
     CakeLog::debug("Read file $filename with filter ".$filter->getName());
     $result = $filter->read($file, $media);
 
+
     if (isset($result['Media']['id'])) {
       return $result['Media']['id'];
     }

From 51e853fe6b4af0c591cb2ae0faf614851e14c8ad Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 9 Oct 2014 14:21:42 +0200
Subject: [PATCH 10/35] =?UTF-8?q?*=20Cache=20en=20consulta=20de=20BD=20*?=
 =?UTF-8?q?=20Arreglo=20de=20marca=20de=20agua=20en=20imagenes=20base=20*?=
 =?UTF-8?q?=20A=C3=B1ado=20delete=20de=20imagenes=20*=20A=C3=B1ado=20view?=
 =?UTF-8?q?=20de=20count=20de=20imagenes.=20*=20Limpieza=20de=20cache=20po?=
 =?UTF-8?q?r=20busqueda=20o=20especifica?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Config/core.php                               | 10 ++-
 Controller/Component/FileCacheComponent.php   |  7 +-
 .../Component/ImageResizerComponent.php       |  6 +-
 .../Component/PreviewManagerComponent.php     | 16 +++--
 Controller/Component/SearchComponent.php      | 50 +++++++++++++-
 Controller/ExplorerController.php             | 15 +++++
 Controller/MediaController.php                | 65 ++++++++++++++++++-
 Model/Media.php                               | 23 ++++++-
 View/Explorer/count.ctp                       |  2 +
 View/Media/clean.ctp                          | 26 ++++++++
 10 files changed, 206 insertions(+), 14 deletions(-)
 create mode 100644 View/Explorer/count.ctp
 create mode 100644 View/Media/clean.ctp

diff --git a/Config/core.php b/Config/core.php
index 64229155..e050dcb2 100644
--- a/Config/core.php
+++ b/Config/core.php
@@ -405,7 +405,7 @@
 }
 
 // Prefix each application on the same server with a different string, to avoid Memcache and APC conflicts.
-$prefix = 'myapp_';
+$prefix = 'gis_';
 
 /**
  * Configure the cache used for general framework caching. Path information,
@@ -430,3 +430,11 @@
 	'serialize' => ($engine === 'File'),
 	'duration' => $duration
 ));
+
+Cache::config('_cake_media_', array(
+	'engine' => $engine,
+	'prefix' => $prefix . 'media_',
+	'path' => CACHE . 'db' . DS,
+	'serialize' => ($engine === 'File'),
+	'duration' => '+8 hours'
+));
diff --git a/Controller/Component/FileCacheComponent.php b/Controller/Component/FileCacheComponent.php
index ebdae848..8c6b96ff 100644
--- a/Controller/Component/FileCacheComponent.php
+++ b/Controller/Component/FileCacheComponent.php
@@ -104,7 +104,8 @@ public function getFilePath($media, $alias, $ext = 'jpg') {
    * @param userId Id of the current user
    * @param mediaId Id of the current image/file
    */
-  public function delete(&$media) {
+  public function delete(&$media,$verbose=false) {
+    $verbose_str = array();
     $mediaId = intval($media['Media']['id']);
     $cacheDir = $this->getPath($media, false);
     if (!$cacheDir) {
@@ -116,6 +117,7 @@ public function delete(&$media) {
     $pattern = $this->getFilenamePrefix($mediaId).'.*';
     $files = $folder->find($pattern);
     if ($files) {
+      if($verbose) $verbose_str[] = "Delete cached files of image $mediaId";
       CakeLog::debug("Delete cached files of image $mediaId");
       foreach($files as $file) {
         CakeLog::debug("Delete cache file '$file'");
@@ -124,8 +126,11 @@ public function delete(&$media) {
       }
       clearstatcache();
     } else {
+
+      if($verbose) $verbose_str[] = "No cached files found for image $mediaId";
       CakeLog::debug("No cached files found for image $mediaId");
     }
+    if($verbose) return $verbose_str;
   }
 
   /**
diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index b442a074..84def23d 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -95,8 +95,10 @@ public function resize($src, $dst, $options = array()) {
       CakeLog::error($phpThumb->debugmessages);
       die('Failed: '.$phpThumb->error);
     }
-     
-    if(!isset($options['isOriginal']) || $options['isOriginal']!==true) {
+
+
+    if((!isset($options['isOriginal']) || $options['isOriginal'] != true) && 
+      (!isset($options['isRequired']) || $options['isRequired'] != true)) {
         $this->_addWatermark($phpThumb->cache_filename);
     }
 
diff --git a/Controller/Component/PreviewManagerComponent.php b/Controller/Component/PreviewManagerComponent.php
index cef4cf69..f2a9cd7c 100644
--- a/Controller/Component/PreviewManagerComponent.php
+++ b/Controller/Component/PreviewManagerComponent.php
@@ -97,7 +97,6 @@ public function _getImageSoureFilename($media) {
    */
   public function getPreview(&$media, $name, $config = array(), $paramsHash = '') {
 
-    
     if(is_array($config) && count($config)>0){
         $paramsResize = $config;
         //print_r($paramsResize)
@@ -110,7 +109,9 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
     }
     
     if ($config['requires']) {
-      $src = $this->getPreview($media, $config['requires']);
+      // añado una variable 'isRequired' para que no añada marca de agua a la imagen
+      // requerida, ya que al ser una imagen base debe estar limpia.
+      $src = $this->getPreview($media, $config['requires'],array('isRequired' => true));
       if (!$src) {
         CakeLog::error("Could not get preview of {$config['requires']}");
         return false;
@@ -122,11 +123,13 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
       $config['isOriginal'] = true;
     }
     
+
+
     if($paramsHash != ''){
         $name = $name.'_'.$paramsHash;
         
-    } elseif(!isset($config['isOriginal'])) {
-        $name = $name.'_ww';
+    } elseif(!isset($config['isOriginal']) && !isset($config['isRequired'])) {
+        $name = $name.'_wm';
         
     }
     
@@ -139,7 +142,10 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
     
     
     if (file_exists($dst) && !$config['force']) {
-      if (is_readable($dst)) {
+      $expireTime = 3600;
+      if(filemtime($dst) < (time()-$expireTime)){
+        $this->FileCache->delete($media);
+      } elseif (is_readable($dst)) {
         return $dst;
       } else {
         CakeLog::error("Cachefile not readable: $dst");
diff --git a/Controller/Component/SearchComponent.php b/Controller/Component/SearchComponent.php
index f196c91b..2caa1689 100644
--- a/Controller/Component/SearchComponent.php
+++ b/Controller/Component/SearchComponent.php
@@ -546,11 +546,55 @@ public function paginateByCrumbs($crumbs) {
     $tmp = $this->getParams();
     $this->clear();
     $this->_getParameterFromCrumbs($crumbs);
-    $data = $this->paginate();
+      $data = $this->paginate();
+    
     $this->setParams($tmp);
     return $data;
   }
 
+  public function count($crumbs){
+
+    $this->_getParameterFromCrumbs($crumbs);
+    $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
+    $tmp = $query;
+    unset($query['limit']);
+    unset($query['page']);
+    // Ensure only unique Media ids are counted
+    $query['fields'] = 'DISTINCT Media.id';
+    $query['recursive'] = -1;
+    unset($query['group']);
+    
+    $count = $this->controller->Media->find('count', $query);
+
+    return $count;
+  }
+
+  public function notPaginate($crumbs){
+    $this->_getParameterFromCrumbs($crumbs);
+    $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
+    $tmp = $query;
+    unset($query['limit']);
+    unset($query['page']);
+    // Ensure only unique Media ids are counted
+    //$query['fields'] = 'Media.id';
+    $query['recursive'] = -1;
+    unset($query['group']);
+    
+    $data = $this->controller->Media->find('all', $query);
+
+    return $data;
+
+  }
+
+  private function _getCacheHash($arr = array('')){
+    if(is_array($arr) && count($arr)>0){
+      return md5(serialize($arr));
+    } else {
+      return false;
+    }
+  }
+
+
   public function paginate() {
     $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
     $tmp = $query;
@@ -560,7 +604,9 @@ public function paginate() {
     $query['fields'] = 'DISTINCT Media.id';
     $query['recursive'] = -1;
     unset($query['group']);
+    
     $count = $this->controller->Media->find('count', $query);
+    
     $query = $tmp;
 
     $params = array(
@@ -594,6 +640,8 @@ public function paginate() {
 
     // get all media and set access flags
     $this->controller->Media->bindModel(array('hasMany' => array('GroupsMedia' => array())));
+
+
     $data = $this->controller->Media->find('all', $query);
     $user = $this->controller->getUser();
     $groupIds = $this->controller->User->getAclGroupIds($user);
diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 8ce2f0da..62f3eb0e 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -781,9 +781,24 @@ public function media() {
     if (Configure::read('debug') > 1) {
       Configure::write('debug', 1);
     }
+
+
     $this->request->data = $this->Search->paginateByCrumbs($this->crumbs);
   }
 
+  public function count(){
+
+    $this->layout = 'bare';
+    if (Configure::read('debug') > 1) {
+      Configure::write('debug', 1);
+    }
+
+
+    $this->request->data = $this->Search->count($this->crumbs);
+
+
+  }
+
   public function points($north, $south, $west, $east) {
     $this->Search->setSort('random');
 
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 9ae36ab9..55757fba 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -22,7 +22,7 @@ class MediaController extends AppController
   var $config = array(
     'video' => array('size' => OUTPUT_SIZE_VIDEO, 'bitrate' => OUTPUT_BITRATE_VIDEO)
                     );
-  var $components = array('PreviewManager','Search'); // JOSE: Anado search.
+  var $components = array('PreviewManager','Search','FileCache'); // JOSE: Anado search.
 
   public function beforeFilter() {
     // Reduce security level for this controller if required. Security level
@@ -91,7 +91,7 @@ private function _handleClientCache($filename) {
    * @return Media model data. If no media is found or access is denied it
    * responses 404
    */
-  private function _getMedia($id, $type = 'preview') {
+  private function _getMedia($id, $type = 'preview',$notFoundReturn=false) {
       
     $user = $this->Media->getAPIUser();
     if(!$user) $user = $this->getUser(); 
@@ -109,6 +109,7 @@ private function _getMedia($id, $type = 'preview') {
     $media = $this->Media->find('first', $query);
     if (!$media) {
       CakeLog::debug("Media not found or access denied for media $id");
+      if($notFoundReturn) return false;
       $this->redirect(null, 403);
     }
 
@@ -374,6 +375,64 @@ public function show($number){
             return $this->_sendPreview(null,$name);
         }
     }
+
+    public function clean($number){
+      /**
+      * Compruebo que venga limpia la url /media/clean/80
+      * entonces es el 80
+      * si es /media/clean/4/tag:gisgolf499
+      * entonces es el 80 de esa lista
+      */
+      
+      $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
+      if(count($this->crumbs)>0){   
+        $medias = $this->_getListPhotos();     
+        if($number == 0){
+          $allMedias = true;
+        } else {
+          $number = ($number>0) ? $number-1 : 0;
+          if(isset($medias[$number])){
+            $media = $medias[$number];
+          } else {
+            //$media = null;
+          }
+        }
+      } else {
+        $media = $this->_getMedia($number,'preview',true);
+        
+      }
+
+      $delete = array();
+      if(isset($media) && is_array($media)){
+        $delete[] = array('name' => $media['name'],
+          'msg' => $this->FileCache->delete($media, true));
+        /*
+        if($delete){
+          echo 'Cache limpiada correctamente';
+        } else {
+          echo 'No se ha podido eliminar la cache o no existe de este archivo';
+        }
+        */
+      } elseif(isset($allMedias) && isset($medias)){
+        foreach($medias as $media){
+          $delete[] = array('name' => $media['Media']['name'],
+            'msg' =>$this->FileCache->delete($media,true));
+        }
+      }
+
+      $this->layout = 'default';
+      $this->request->data = $delete;
+
+
+    }
+
+    public function cleanPos(){
+
+    }
+
+    public function cleanTag(){
+
+    }
     
     /**
      * @author Jose <jose@alsur.es>
@@ -385,7 +444,7 @@ public function show($number){
      */
     private function _getListPhotos(){
         $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
-        return $this->Search->paginateByCrumbs($this->crumbs);
+        return $this->Search->notPaginate($this->crumbs);
         
     }
     
diff --git a/Model/Media.php b/Model/Media.php
index ff17aa45..1bd9d8e3 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -1214,4 +1214,25 @@ public function deleteGroupByUser(&$group, &$user) {
     $result = $this->query($sql);
     return is_array($result) && !count($result);
   }
-}
\ No newline at end of file
+
+  public function find($type = 'first', $query = array()){
+    $cacheInFind = true;
+
+    if($cacheInFind){
+      $cacheHash = md5(serialize(array_merge(array('type' => $type),$query)));
+      $data = Cache::read($cacheHash, '_cake_media_');
+
+      if(!$data){
+        $data = parent::find($type,$query);
+        Cache::write($cacheHash, $data, '_cake_media_');
+      }
+
+      return $data;       
+    } else {
+      return parent::find($type,$query);
+    }
+
+
+  }
+}
+
diff --git a/View/Explorer/count.ctp b/View/Explorer/count.ctp
new file mode 100644
index 00000000..2effd814
--- /dev/null
+++ b/View/Explorer/count.ctp
@@ -0,0 +1,2 @@
+<?php
+echo $this->request->data;
\ No newline at end of file
diff --git a/View/Media/clean.ctp b/View/Media/clean.ctp
new file mode 100644
index 00000000..5ffd025f
--- /dev/null
+++ b/View/Media/clean.ctp
@@ -0,0 +1,26 @@
+<h1>Limpieza de cache</h1>
+<?php if($this->request->data && count($this->request->data)>0){ ?>
+<ul>
+  <?php
+foreach($this->request->data as $data){
+?>
+  <li>
+    <?php echo $data['name']; ?>
+    <ul>
+      <?php if($data['msg']){
+          foreach($data['msg'] as $msg){ ?>
+        <li>
+          <?php echo $msg; ?>
+        </li>
+      <?php
+        } 
+      } 
+      ?>
+      <li><hr/></li>
+    </ul>
+  </li>
+<?php } ?>
+</ul>
+<?php } else { ?>
+  <span>No hay datos</span>
+<?php }
\ No newline at end of file

From 213dd2cf0ac40e51fdde482c523df1836a9aeb20 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 11 Nov 2014 12:13:08 +0100
Subject: [PATCH 11/35] =?UTF-8?q?Corrijo=20API=20por=20key.=20A=C3=B1ado?=
 =?UTF-8?q?=20logout=20en=20dashboard.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/Component/MenuComponent.php | 3 +++
 Controller/OptionsController.php       | 2 +-
 Model/Media.php                        | 4 ++--
 Vendor/phpthumb/phpthumb.class.php     | 1 -
 View/Options/profile.ctp               | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/Controller/Component/MenuComponent.php b/Controller/Component/MenuComponent.php
index 1b37e7ba..5bb7ebbc 100644
--- a/Controller/Component/MenuComponent.php
+++ b/Controller/Component/MenuComponent.php
@@ -54,6 +54,9 @@ public function setBasicMainMenu() {
       }
       $this->addItem($text, array('controller' => $ctrl, 'admin' => false, 'action' => 'index'), $options);
     }
+	$controllers['logout'] = __("Logout");
+	
+      $this->addItem(__("Logout"), array('controller' => 'users', 'admin' => false, 'action' => 'logout'), array('id' => 'item-logout', 'active' => false));
   }
 
   public function beforeRender(Controller $controller) {
diff --git a/Controller/OptionsController.php b/Controller/OptionsController.php
index 9e3ca695..8851ab43 100644
--- a/Controller/OptionsController.php
+++ b/Controller/OptionsController.php
@@ -60,7 +60,7 @@ public function profile() {
     $userId = $this->getUserId();
     if (!empty($this->request->data)) {
       $this->User->id = $userId;
-      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'API', 'visible_level', 'notify_interval'))) {
+      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'key', 'visible_level', 'notify_interval'))) {
         CakeLog::error("Could not update user profile");
         $this->Session->setFlash(__("Could not save profile!"));
       } else {
diff --git a/Model/Media.php b/Model/Media.php
index 1bd9d8e3..2989ab8b 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -548,10 +548,10 @@ public function buildAclJoin($alias) {
   
     public function getAPIUser(){
         if(isset($_GET['api'])){
-            $hashUser = $this->User->findByApi($_GET['api']);
+            $hashUser = $this->User->findByKey($_GET['api']);
         }
 
-        if(isset($hashUser) && $hashUser['User']['id'] != -1) return $hashUser;
+        if(isset($hashUser['User']) && $hashUser['User']['id'] != -1) return $hashUser;
         else return false;
     }
   /**
diff --git a/Vendor/phpthumb/phpthumb.class.php b/Vendor/phpthumb/phpthumb.class.php
index 90ed7247..41d4b5fc 100644
--- a/Vendor/phpthumb/phpthumb.class.php
+++ b/Vendor/phpthumb/phpthumb.class.php
@@ -1479,7 +1479,6 @@ function ImageMagickThumbnailToGD() {
 									$commandline .= ' -gravity center';
 									break;
 							}
-                                                        echo $comandline;exit;
 
 							if (($wAll > 0) && ($hAll > 0)) {
 								$commandline .= ' -crop '.escapeshellarg($wAll.'x'.$hAll.'+0+0');
diff --git a/View/Options/profile.ctp b/View/Options/profile.ctp
index ac41172a..2be05a38 100644
--- a/View/Options/profile.ctp
+++ b/View/Options/profile.ctp
@@ -9,7 +9,7 @@
   echo $this->Form->input('User.firstname', array('label' => __('First name')));
   echo $this->Form->input('User.lastname', array('label' => __('Last name')));
   echo $this->Form->input('User.email', array('label' => __('Email')));
-  echo $this->Form->input('User.API', array('label' => __('API')));
+  echo $this->Form->input('User.key', array('label' => __('API')));
 ?>
 </fieldset>
 

From f68d771182f3cd9ca4af65dda8e0685890487c1f Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Wed, 12 Nov 2014 18:01:05 +0100
Subject: [PATCH 12/35] =?UTF-8?q?Quito=20cach=C3=A9=20temporalmente=20porq?=
 =?UTF-8?q?ue=20de=20esta=20manera=20no=20puedo=20ver=20instantaneamente?=
 =?UTF-8?q?=20los=20cambios=20que=20haya=20hecho=20en=20la=20foto.=20Apart?=
 =?UTF-8?q?e=20a=C3=B1ado=20el=20enlace=20a=20la=20preview=20de=20la=20fot?=
 =?UTF-8?q?o.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Model/Media.php      | 7 ++++++-
 View/Images/view.ctp | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/Model/Media.php b/Model/Media.php
index 2989ab8b..8c748d38 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -1073,6 +1073,7 @@ public function editSingle(&$media, &$data, &$user) {
     if (!isset($media['Media']['canWriteMeta'])) {
       $this->setAccessFlags($media, $user);
     }
+	
     // handle fields
     if ($media['Media']['canWriteCaption']) {
       $tmp = am($this->Field->editSingle($media, $data), $tmp);
@@ -1216,7 +1217,8 @@ public function deleteGroupByUser(&$group, &$user) {
   }
 
   public function find($type = 'first', $query = array()){
-    $cacheInFind = true;
+    /*
+	$cacheInFind = true;
 
     if($cacheInFind){
       $cacheHash = md5(serialize(array_merge(array('type' => $type),$query)));
@@ -1231,6 +1233,9 @@ public function find($type = 'first', $query = array()){
     } else {
       return parent::find($type,$query);
     }
+	*/
+	
+	return parent::find($type,$query);
 
 
   }
diff --git a/View/Images/view.ctp b/View/Images/view.ctp
index 82583fac..e2587625 100644
--- a/View/Images/view.ctp
+++ b/View/Images/view.ctp
@@ -66,7 +66,9 @@
       $link = $this->ImageData->getPathLink($file);
       $files[] = $this->Html->link($file['file'], $link).' ('.$this->Number->toReadableSize($file['size']).')';
     }
+	$preview = '/media/preview/'.$this->request->data['Media']['id'];
     $cells[] = array(__("File(s)"), implode(', ', $files));
+    $cells[] = array(__("Preview"), $this->Html->link($this->request->data['Media']['id'],$preview));
   }
   $folders = $this->ImageData->getFolderLinks($this->request->data);
   if ($folders) {

From 2d62ad8e02078769aee95c386403fdf56d1a55dc Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 10 Oct 2014 14:40:29 +0200
Subject: [PATCH 13/35] En Config/Core.php - Creo cache de queries.

En Controller/Component/FilterManagerComponent.php
- Comento un ELSE, lo que permite que se creen los medias que no existen en las importaciones.

En Controller/Component/ImageResizerComponent.php
- Permito algunos parametros por GET con w, h y zc

En Controller/Component/PreviewManagerComponent.php
- Creo marca de agua
- Distinto archivo de cache si tiene resize

SIN COMENTAR AUN:
-- Controller/Component/SearchComponent.php
-- Controller/ExplorerController.php
-- Controller/MediaController.php
-- Controller/OptionsController.php
-- Model/Media.php
-- View/Explorer/media.ctp
-- View/Options/profile.ctp
-- View/Explorer/count.ctp
-- View/Media/clean.ctp

Conflicts:

	Config/core.php
	Controller/Component/FilterManagerComponent.php
	Controller/Component/ImageResizerComponent.php
	Controller/Component/PreviewManagerComponent.php
	Controller/OptionsController.php
	Model/Media.php
	View/Options/profile.ctp
---
 Config/core.php                               | 17 +++++++---
 .../Component/FilterManagerComponent.php      |  4 +--
 .../Component/ImageResizerComponent.php       | 33 +++++++++++++------
 .../Component/PreviewManagerComponent.php     | 31 ++++++++---------
 Controller/OptionsController.php              |  4 +++
 changes.txt                                   | 14 ++++++++
 6 files changed, 68 insertions(+), 35 deletions(-)
 create mode 100644 changes.txt

diff --git a/Config/core.php b/Config/core.php
index e050dcb2..270c88a9 100644
--- a/Config/core.php
+++ b/Config/core.php
@@ -405,7 +405,7 @@
 }
 
 // Prefix each application on the same server with a different string, to avoid Memcache and APC conflicts.
-$prefix = 'gis_';
+$prefix = 'myapp_';
 
 /**
  * Configure the cache used for general framework caching. Path information,
@@ -431,10 +431,19 @@
 	'duration' => $duration
 ));
 
-Cache::config('_cake_media_', array(
+// In development mode, caches should expire quickly.
+$durationCacheDB = '+8 hours';
+if (Configure::read('debug') > 0) {
+	$durationCacheDB = '+1 minutes';
+}
+
+/**
+ * Configure the cache for database queries
+ */
+Cache::config('_cake_db_', array(
 	'engine' => $engine,
-	'prefix' => $prefix . 'media_',
+	'prefix' => $prefix . 'db_',
 	'path' => CACHE . 'db' . DS,
 	'serialize' => ($engine === 'File'),
-	'duration' => '+8 hours'
+	'duration' => $durationCacheDB
 ));
diff --git a/Controller/Component/FilterManagerComponent.php b/Controller/Component/FilterManagerComponent.php
index b8025183..580e0f61 100644
--- a/Controller/Component/FilterManagerComponent.php
+++ b/Controller/Component/FilterManagerComponent.php
@@ -499,9 +499,7 @@ public function read($filename, $forceReadMeta = false) {
       }
     } 
     /**
-    * Jose: Si queremos que cree medias de imagenes que se encuentran
-    * en la ruta y de las que aun no se ha creado Media, hay que comentar
-    * este ELSE
+    * Comment this else to create media if not exists
     */
     /* else {
       $media = false;
diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index 84def23d..b9858e73 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -97,6 +97,10 @@ public function resize($src, $dst, $options = array()) {
     }
 
 
+    /**
+    * We add watermark to the image (if satisfy the conditions) if not an
+    * original/required image. An original/required image must be a base image.
+    */
     if((!isset($options['isOriginal']) || $options['isOriginal'] != true) && 
       (!isset($options['isRequired']) || $options['isRequired'] != true)) {
         $this->_addWatermark($phpThumb->cache_filename);
@@ -118,20 +122,26 @@ public function resize($src, $dst, $options = array()) {
     return !$event->isStopped();
   }
   
+  /**
+  * We add _addWatermark function based on Video's _addWatermark function.
+  * We looking for it in webroot.DS.img.DS.watermark folder if exists a
+  * watermark with name like 'XXXXXXX_{minsize}.jpg' when {minsize} is smaller
+  * than the size of resize file. If we found several valid image, the winner
+  * image is the image with more {minsize}.
+  */
   private function _addWatermark($originalFile){
     /**
-     * Si se quiere usar una marca de agua por usuario
-     * descomentar el codigo siguiente
+     * Code to custom watermark to each user 
      */
     /** 
-     * CODIGO 1
-    if(method_exists($this->controller->Media, 'getAPIUser')){
-        $accessUser = $this->controller->Media->getAPIUser();
-    } else {
-        $accessUser = $this->controller->getUser();
-    }
-    $homeDir = Configure::read('user.home.dir');
-    $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark';
+     * CODE 1
+    ** if(method_exists($this->controller->Media, 'getAPIUser')){
+    **     $accessUser = $this->controller->Media->getAPIUser();
+    ** } else {
+    **     $accessUser = $this->controller->getUser();
+    ** }
+    ** $homeDir = Configure::read('user.home.dir');
+    ** $watermarkDir = $homeDir . $accessUser['User']['id'] . DS . 'watermark';
     */
     
     
@@ -216,6 +226,9 @@ private function _configurePhpThump(&$phpThumb, &$src, &$dst, &$options) {
    * @param array $options
    */
   private function _configureOptions(&$phpThumb, &$options) {
+    /**
+    * Add more options params: w, h and zc
+    */
     $phpThumb->w = $options['size'];
     $phpThumb->h = $options['size'];
     
diff --git a/Controller/Component/PreviewManagerComponent.php b/Controller/Component/PreviewManagerComponent.php
index f2a9cd7c..c2af5a35 100644
--- a/Controller/Component/PreviewManagerComponent.php
+++ b/Controller/Component/PreviewManagerComponent.php
@@ -96,21 +96,17 @@ public function _getImageSoureFilename($media) {
    * @return Full path to the preview file
    */
   public function getPreview(&$media, $name, $config = array(), $paramsHash = '') {
-
-    if(is_array($config) && count($config)>0){
-        $paramsResize = $config;
-        //print_r($paramsResize)
-    }
-    
-    
+    /**
+    * Add $paramHash param to add this param to cache name file
+    */
+   
     $config = am($this->defaults, $config);
     if (isset($this->config[$name])) {
       $config = am($config, $this->config[$name]);
     }
     
     if ($config['requires']) {
-      // añado una variable 'isRequired' para que no añada marca de agua a la imagen
-      // requerida, ya que al ser una imagen base debe estar limpia.
+      // add param isRequired to not add watermark to required file
       $src = $this->getPreview($media, $config['requires'],array('isRequired' => true));
       if (!$src) {
         CakeLog::error("Could not get preview of {$config['requires']}");
@@ -124,7 +120,9 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
     }
     
 
-
+    /**
+    * Change the name to create a own cache file with resize param.
+    */
     if($paramsHash != ''){
         $name = $name.'_'.$paramsHash;
         
@@ -141,7 +139,11 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
     }
     
     
-    if (file_exists($dst) && !$config['force']) {
+    if (file_exists($dst) && !$config['force']) { 
+      /**
+      * If dst file is modified a hour ago, delete and create it again.
+      * Expiretime value should be a config value. 
+      */
       $expireTime = 3600;
       if(filemtime($dst) < (time()-$expireTime)){
         $this->FileCache->delete($media);
@@ -153,13 +155,6 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
       }
     }
     
-    /*
-    if(isset($paramsResize)){
-        echo '<h1>2</h1>';
-        print_r($config);exit;
-    }
-    */
-    
     
     // creo imagen original
     $this->controller->loadComponent('ImageResizer', $this);
diff --git a/Controller/OptionsController.php b/Controller/OptionsController.php
index 8851ab43..74ac0b17 100644
--- a/Controller/OptionsController.php
+++ b/Controller/OptionsController.php
@@ -60,7 +60,11 @@ public function profile() {
     $userId = $this->getUserId();
     if (!empty($this->request->data)) {
       $this->User->id = $userId;
+<<<<<<< HEAD
       if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'key', 'visible_level', 'notify_interval'))) {
+=======
+      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'API', 'visible_level', 'notify_interval'))) {
+>>>>>>> 246b467... En Config/Core.php
         CakeLog::error("Could not update user profile");
         $this->Session->setFlash(__("Could not save profile!"));
       } else {
diff --git a/changes.txt b/changes.txt
new file mode 100644
index 00000000..f309abab
--- /dev/null
+++ b/changes.txt
@@ -0,0 +1,14 @@
+
+
+En Config/Core.php
+- Creo cache de queries.
+
+En Controller/Component/FilterManagerComponent.php
+- Comento un ELSE, lo que permite que se creen los medias que no existen en las importaciones.
+
+En Controller/Component/ImageResizerComponent.php
+- Permito algunos parametros por GET con w, h y zc
+
+En Controller/Component/PreviewManagerComponent.php
+- Creo marca de agua
+- Distinto archivo de cache si tiene resize
\ No newline at end of file

From 032af635b3dd8ae22f99ac3524d641d3521e5e6b Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 14 Oct 2014 20:52:35 +0200
Subject: [PATCH 14/35] =?UTF-8?q?alg=C3=BAn=20arreglo=20y=20m=C3=A1s=20doc?=
 =?UTF-8?q?umentaci=C3=B3n.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Conflicts:

	Controller/OptionsController.php
---
 Controller/Component/SearchComponent.php | 28 +++------
 Controller/ExplorerController.php        |  4 +-
 Controller/MediaController.php           | 75 ++++++------------------
 Controller/OptionsController.php         |  5 +-
 Model/Media.php                          |  5 +-
 changes.txt                              | 10 +++-
 6 files changed, 40 insertions(+), 87 deletions(-)

diff --git a/Controller/Component/SearchComponent.php b/Controller/Component/SearchComponent.php
index 2caa1689..333ce930 100644
--- a/Controller/Component/SearchComponent.php
+++ b/Controller/Component/SearchComponent.php
@@ -552,40 +552,28 @@ public function paginateByCrumbs($crumbs) {
     return $data;
   }
 
-  public function count($crumbs){
-
-    $this->_getParameterFromCrumbs($crumbs);
-    $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
-    $tmp = $query;
-    unset($query['limit']);
-    unset($query['page']);
-    // Ensure only unique Media ids are counted
-    $query['fields'] = 'DISTINCT Media.id';
-    $query['recursive'] = -1;
-    unset($query['group']);
-    
-    $count = $this->controller->Media->find('count', $query);
-
-    return $count;
-  }
+  /**
+  * We return allResults with no paginate
+  */
+  public function allResults($crumbs,$onlyCount=false){
 
-  public function notPaginate($crumbs){
     $this->_getParameterFromCrumbs($crumbs);
     $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
     $tmp = $query;
     unset($query['limit']);
     unset($query['page']);
     // Ensure only unique Media ids are counted
-    //$query['fields'] = 'Media.id';
+    // $query['fields'] = 'DISTINCT Media.id';
     $query['recursive'] = -1;
     unset($query['group']);
     
-    $data = $this->controller->Media->find('all', $query);
+    if($onlyCount) $search = 'count';
+    else $search = 'all';
+    $data = $this->controller->Media->find($search, $query);
 
     return $data;
 
   }
-
   private function _getCacheHash($arr = array('')){
     if(is_array($arr) && count($arr)>0){
       return md5(serialize($arr));
diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 62f3eb0e..105d8a22 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -787,14 +787,14 @@ public function media() {
   }
 
   public function count(){
-
+    // return the count
     $this->layout = 'bare';
     if (Configure::read('debug') > 1) {
       Configure::write('debug', 1);
     }
 
 
-    $this->request->data = $this->Search->count($this->crumbs);
+    $this->request->data = $this->Search->allResults($this->crumbs, true);
 
 
   }
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 55757fba..b3392600 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -22,7 +22,7 @@ class MediaController extends AppController
   var $config = array(
     'video' => array('size' => OUTPUT_SIZE_VIDEO, 'bitrate' => OUTPUT_BITRATE_VIDEO)
                     );
-  var $components = array('PreviewManager','Search','FileCache'); // JOSE: Anado search.
+  var $components = array('PreviewManager','Search','FileCache'); // add components Search and Filecache
 
   public function beforeFilter() {
     // Reduce security level for this controller if required. Security level
@@ -93,6 +93,8 @@ private function _handleClientCache($filename) {
    */
   private function _getMedia($id, $type = 'preview',$notFoundReturn=false) {
       
+    // if the param API is set, the access user will be the user with that API key.
+    // if not, the user will be the login user
     $user = $this->Media->getAPIUser();
     if(!$user) $user = $this->getUser(); 
     switch ($type) {
@@ -110,6 +112,7 @@ private function _getMedia($id, $type = 'preview',$notFoundReturn=false) {
     if (!$media) {
       CakeLog::debug("Media not found or access denied for media $id");
       if($notFoundReturn) return false;
+      // sometimes we want return a false and not a redirect when not media found
       $this->redirect(null, 403);
     }
 
@@ -117,6 +120,8 @@ private function _getMedia($id, $type = 'preview',$notFoundReturn=false) {
   }
 
   private function _sendPreview($id, $type,$options=array(),$paramsHash='') {
+    // add the param options
+    // and the param paramHash
     $media = $this->_getMedia($id, $type);
     $preview = $this->PreviewManager->getPreview($media, $type, $options,$paramsHash);
     if (!$preview) {
@@ -171,11 +176,7 @@ public function hd($id) {
   
   private function _sendImage($type, $id){
       
-    /*
-    $params = $this->_getParamsResize();
-    $name = ($params['str'] != '') ? $type.'_'.$params['str'] : $type;
-    return $this->_sendPreview($id, $name, $params['arr']);
-    */
+    // pass the resize params and string param to create the resize image
       
     $params = $this->_getParamsResize();
     if($params){
@@ -357,10 +358,7 @@ public function zip($format) {
   }
   
   /**
-   * @author Jose <jose@alsur.es>
-   * Con esta funcion permito que mediante una busqueda se pueda devolver
-   * una imagen determinada.
-	* Search by position in tag
+   * $number is the position of the image into the search what we want to show
    */
     public function show($number){
         $medias = $this->_getListPhotos();
@@ -378,10 +376,8 @@ public function show($number){
 
     public function clean($number){
       /**
-      * Compruebo que venga limpia la url /media/clean/80
-      * entonces es el 80
-      * si es /media/clean/4/tag:gisgolf499
-      * entonces es el 80 de esa lista
+      * If contains params, clean the position $number in search array
+      * If not, clean the $number ID
       */
       
       $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
@@ -406,13 +402,6 @@ public function clean($number){
       if(isset($media) && is_array($media)){
         $delete[] = array('name' => $media['name'],
           'msg' => $this->FileCache->delete($media, true));
-        /*
-        if($delete){
-          echo 'Cache limpiada correctamente';
-        } else {
-          echo 'No se ha podido eliminar la cache o no existe de este archivo';
-        }
-        */
       } elseif(isset($allMedias) && isset($medias)){
         foreach($medias as $media){
           $delete[] = array('name' => $media['Media']['name'],
@@ -426,27 +415,20 @@ public function clean($number){
 
     }
 
-    public function cleanPos(){
 
-    }
-
-    public function cleanTag(){
-
-    }
     
     /**
-     * @author Jose <jose@alsur.es>
-     * @date 17-09-2014
-     * Obtengo todas las fotos con unos determinados argumentos. Esto es
-     * porque media trabaja con el ID de la foto y no con la posicion dentro
-     * de la etiqueta
-     * @return type
+     * add function getListPhotos
      */
     private function _getListPhotos(){
         $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
-        return $this->Search->notPaginate($this->crumbs);
+        return $this->Search->allResults($this->crumbs,true);
         
     }
+
+    /**
+    * resize params, return an string and an array.
+    */
     
     private function _getParamsResize(){
         $arrParams = array();
@@ -485,30 +467,7 @@ private function _getParamsResize(){
         } else {
             return false;
         }
-        
-        
-        /**
-         * parametro $user existe por si hay una marca de agua diferente
-         * para cada usuario, por lo que habria una imagen distinta segun
-         * usuario. Si se va a usar la misma no hace falta por el momento
-         * este parametro.
-         */
-        /*
-        if($mode == 'str' || $mode == 'all'){
-            $user = $this->Media->getAPIUser();
-            if($user) $strParams.="u{$user['User']['id']}";
-        }
-        */
-        
-        /*
-        if($mode == 'arr'){
-            return $arrParams;
-        } elseif($mode == 'str'){
-            return $strParams;
-        } else {
-            return array('arr' => $arrParams, 'str' => $strParams);
-        }   
-        */
+
         return $arrParams;
     }
     
diff --git a/Controller/OptionsController.php b/Controller/OptionsController.php
index 74ac0b17..7fb80932 100644
--- a/Controller/OptionsController.php
+++ b/Controller/OptionsController.php
@@ -60,11 +60,8 @@ public function profile() {
     $userId = $this->getUserId();
     if (!empty($this->request->data)) {
       $this->User->id = $userId;
-<<<<<<< HEAD
-      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'key', 'visible_level', 'notify_interval'))) {
-=======
+      // Create the API edition
       if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'API', 'visible_level', 'notify_interval'))) {
->>>>>>> 246b467... En Config/Core.php
         CakeLog::error("Could not update user profile");
         $this->Session->setFlash(__("Could not save profile!"));
       } else {
diff --git a/Model/Media.php b/Model/Media.php
index 8c748d38..3666d6a9 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -1216,17 +1216,18 @@ public function deleteGroupByUser(&$group, &$user) {
     return is_array($result) && !count($result);
   }
 
+  // Cached queries
   public function find($type = 'first', $query = array()){
     /*
 	$cacheInFind = true;
 
     if($cacheInFind){
       $cacheHash = md5(serialize(array_merge(array('type' => $type),$query)));
-      $data = Cache::read($cacheHash, '_cake_media_');
+      $data = Cache::read($cacheHash, '_cake_db_');
 
       if(!$data){
         $data = parent::find($type,$query);
-        Cache::write($cacheHash, $data, '_cake_media_');
+        Cache::write($cacheHash, $data, '_cake_db_');
       }
 
       return $data;       
diff --git a/changes.txt b/changes.txt
index f309abab..527bfce9 100644
--- a/changes.txt
+++ b/changes.txt
@@ -11,4 +11,12 @@ En Controller/Component/ImageResizerComponent.php
 
 En Controller/Component/PreviewManagerComponent.php
 - Creo marca de agua
-- Distinto archivo de cache si tiene resize
\ No newline at end of file
+- Distinto archivo de cache si tiene resize
+
+En Controller/Component/SearchComponent.php
+- Hago funciones de count y de devolver todos los resultados (devolvia paginados)
+
+En Model/Media
+- Cacheo consultas de BD
+- Permito el acceso mediante una API key que heredará los permisos del usuario que corresponda
+

From f9ce987a709ebc23a3c9a483ec58510cd30e31ce Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Wed, 15 Oct 2014 14:29:48 +0200
Subject: [PATCH 15/35] =?UTF-8?q?Cambio=20el=20schema=20inicial=20para=20q?=
 =?UTF-8?q?ue=20a=C3=B1ada=20el=20valor=20API=20a=20la=20tabla=20automatic?=
 =?UTF-8?q?amente.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Config/Migration/001_initial_schema.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Config/Migration/001_initial_schema.php b/Config/Migration/001_initial_schema.php
index 7ef15d73..53b9ca10 100644
--- a/Config/Migration/001_initial_schema.php
+++ b/Config/Migration/001_initial_schema.php
@@ -228,6 +228,7 @@ class M4d1f861d09384b5d91c01828cbdd56cb extends CakeMigration {
 					'creator_id' => array('type' => 'integer', 'null' => true, 'default' => '0', 'length' => 10),
 					'modified' => array('type' => 'datetime', 'null' => true, 'default' => NULL),
 					'key' => array('type' => 'string', 'null' => true, 'default' => NULL, 'length' => 64, 'collate' => 'utf8_general_ci', 'charset' => 'utf8'),
+					'API' => array('type' => 'string', 'null' => true, 'default' => NULL, 'length' => 64, 'collate' => 'utf8_general_ci', 'charset' => 'utf8'),
 					'visible_level' => array('type' => 'integer', 'null' => false, 'default' => '3', 'length' => 3),
 					'last_login' => array('type' => 'datetime', 'null' => false, 'default' => '2010-09-04 09:27:34'),
 					'notify_interval' => array('type' => 'integer', 'null' => false, 'default' => '86400'),

From aca099bcb191e9cd8a69dbed72283fc24880bc75 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 11 Nov 2014 12:28:04 +0100
Subject: [PATCH 16/35] quito API por key

Conflicts:

	View/Options/profile.ctp
---
 Config/Migration/001_initial_schema.php | 1 -
 Controller/OptionsController.php        | 3 +--
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/Config/Migration/001_initial_schema.php b/Config/Migration/001_initial_schema.php
index 53b9ca10..7ef15d73 100644
--- a/Config/Migration/001_initial_schema.php
+++ b/Config/Migration/001_initial_schema.php
@@ -228,7 +228,6 @@ class M4d1f861d09384b5d91c01828cbdd56cb extends CakeMigration {
 					'creator_id' => array('type' => 'integer', 'null' => true, 'default' => '0', 'length' => 10),
 					'modified' => array('type' => 'datetime', 'null' => true, 'default' => NULL),
 					'key' => array('type' => 'string', 'null' => true, 'default' => NULL, 'length' => 64, 'collate' => 'utf8_general_ci', 'charset' => 'utf8'),
-					'API' => array('type' => 'string', 'null' => true, 'default' => NULL, 'length' => 64, 'collate' => 'utf8_general_ci', 'charset' => 'utf8'),
 					'visible_level' => array('type' => 'integer', 'null' => false, 'default' => '3', 'length' => 3),
 					'last_login' => array('type' => 'datetime', 'null' => false, 'default' => '2010-09-04 09:27:34'),
 					'notify_interval' => array('type' => 'integer', 'null' => false, 'default' => '86400'),
diff --git a/Controller/OptionsController.php b/Controller/OptionsController.php
index 7fb80932..8851ab43 100644
--- a/Controller/OptionsController.php
+++ b/Controller/OptionsController.php
@@ -60,8 +60,7 @@ public function profile() {
     $userId = $this->getUserId();
     if (!empty($this->request->data)) {
       $this->User->id = $userId;
-      // Create the API edition
-      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'API', 'visible_level', 'notify_interval'))) {
+      if (!$this->User->save($this->request->data['User'], true, array('username', 'firstname', 'lastname', 'email', 'key', 'visible_level', 'notify_interval'))) {
         CakeLog::error("Could not update user profile");
         $this->Session->setFlash(__("Could not save profile!"));
       } else {

From 46b53737d2f63430412c9d1110f0df6172c0abf5 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 13 Nov 2014 10:33:14 +0100
Subject: [PATCH 17/35] =?UTF-8?q?a=C3=B1ado=20el=20ultimo=20directorio=20c?=
 =?UTF-8?q?omo=20etiqueta.=20Hecho=20en=20la=20edici=C3=B3n,=20queda=20en?=
 =?UTF-8?q?=20el=20import=20y=20en=20el=20upload.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Conflicts:

	Controller/Component/ImageResizerComponent.php
	Controller/Component/PreviewManagerComponent.php
	Controller/MediaController.php
---
 .../Component/ImageResizerComponent.php       |  1 +
 .../Component/PreviewManagerComponent.php     |  3 ++-
 Controller/MediaController.php                |  6 ++++-
 Model/Field.php                               | 24 ++++++++++++++++++-
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/Controller/Component/ImageResizerComponent.php b/Controller/Component/ImageResizerComponent.php
index b9858e73..f4d1787b 100644
--- a/Controller/Component/ImageResizerComponent.php
+++ b/Controller/Component/ImageResizerComponent.php
@@ -122,6 +122,7 @@ public function resize($src, $dst, $options = array()) {
     return !$event->isStopped();
   }
   
+
   /**
   * We add _addWatermark function based on Video's _addWatermark function.
   * We looking for it in webroot.DS.img.DS.watermark folder if exists a
diff --git a/Controller/Component/PreviewManagerComponent.php b/Controller/Component/PreviewManagerComponent.php
index c2af5a35..0b986a5f 100644
--- a/Controller/Component/PreviewManagerComponent.php
+++ b/Controller/Component/PreviewManagerComponent.php
@@ -96,6 +96,7 @@ public function _getImageSoureFilename($media) {
    * @return Full path to the preview file
    */
   public function getPreview(&$media, $name, $config = array(), $paramsHash = '') {
+
     /**
     * Add $paramHash param to add this param to cache name file
     */
@@ -106,6 +107,7 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
     }
     
     if ($config['requires']) {
+
       // add param isRequired to not add watermark to required file
       $src = $this->getPreview($media, $config['requires'],array('isRequired' => true));
       if (!$src) {
@@ -155,7 +157,6 @@ public function getPreview(&$media, $name, $config = array(), $paramsHash = '')
       }
     }
     
-    
     // creo imagen original
     $this->controller->loadComponent('ImageResizer', $this);
     if (!$this->ImageResizer->resize($src, $dst, $config)) {
diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index b3392600..5f29623e 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -22,8 +22,8 @@ class MediaController extends AppController
   var $config = array(
     'video' => array('size' => OUTPUT_SIZE_VIDEO, 'bitrate' => OUTPUT_BITRATE_VIDEO)
                     );
-  var $components = array('PreviewManager','Search','FileCache'); // add components Search and Filecache
 
+  var $components = array('PreviewManager','Search','FileCache'); // add components Search and Filecache
   public function beforeFilter() {
     // Reduce security level for this controller if required. Security level
     // 'high' allows only 10 concurrent requests
@@ -358,6 +358,7 @@ public function zip($format) {
   }
   
   /**
+
    * $number is the position of the image into the search what we want to show
    */
     public function show($number){
@@ -402,6 +403,7 @@ public function clean($number){
       if(isset($media) && is_array($media)){
         $delete[] = array('name' => $media['name'],
           'msg' => $this->FileCache->delete($media, true));
+
       } elseif(isset($allMedias) && isset($medias)){
         foreach($medias as $media){
           $delete[] = array('name' => $media['Media']['name'],
@@ -416,6 +418,7 @@ public function clean($number){
     }
 
 
+
     
     /**
      * add function getListPhotos
@@ -468,6 +471,7 @@ private function _getParamsResize(){
             return false;
         }
 
+
         return $arrParams;
     }
     
diff --git a/Model/Field.php b/Model/Field.php
index a1c3a0c2..6feaa956 100644
--- a/Model/Field.php
+++ b/Model/Field.php
@@ -104,9 +104,31 @@ public function createFields(&$media) {
    * @return array Field assignments
    */
   public function editSingle(&$media, &$data, $onlyFields = null) {
-    if (empty($data['Field'])) {
+	  
+	  if (empty($data['Field'])) {
       return array();
     }
+	
+	$tags_key = array();
+	if(isset($media['File']) && is_array($media['File']) && count($media['File'])>0){
+		for($if=0;$if<count($media['File']);$if++){
+			$path_tmp = $media['File'][$if]['path'];
+			$pos_path_tmp = strrpos($path_tmp, '/');
+			if($pos_path_tmp == (strlen($path_tmp)-1)){ // acaba en /, busco otra vez
+			
+				$path_tmp = substr($media['File'][$if]['path'],0,-1);
+				$pos_path_tmp = (strrpos($path_tmp, '/')+1);
+			}
+			$tags_key[] = substr($path_tmp, $pos_path_tmp); 
+		}
+		if(isset($data['Field']['keyword']) && $data['Field']['keyword'] != '') $tmp_key = explode(',', $data['Field']['keyword']);
+		else $tmp_key = array();
+		
+		$data['Field']['keyword'] = implode(',',array_merge($tags_key,$tmp_key));
+		
+		// si existe.	
+		  
+	}
     // Save old ids as references
     $oldIds = Set::extract('/Field/id', $media);
     $removeIds = array();

From abbddb84df5e578d0f564fcd369695e7d63fa5ef Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 13 Nov 2014 12:05:29 +0100
Subject: [PATCH 18/35] Last directory included as tag if not exists.

---
 Controller/Component/ImageFilterComponent.php | 31 +++++++++++++++++++
 Model/Field.php                               |  2 ++
 2 files changed, 33 insertions(+)

diff --git a/Controller/Component/ImageFilterComponent.php b/Controller/Component/ImageFilterComponent.php
index d91888d0..b365719c 100644
--- a/Controller/Component/ImageFilterComponent.php
+++ b/Controller/Component/ImageFilterComponent.php
@@ -73,14 +73,43 @@ public function read(&$file, &$media = null, $options = array()) {
       }
       $media = $this->controller->Media->addDefaultAcl($media, $user);
 
+
+
       $isNew = true;
     };
 
+
     if ($this->Exiftool->isEnabled()) {
       $this->Exiftool->extractImageData($media, $meta);
     } else {
       $this->_extractImageDataGetId3($media, $meta);
     }
+
+    if(isset($media['File']) && is_array($media['File']) && count($media['File'])>0){
+    for($if=0;$if<count($media['File']);$if++){
+      $path_tmp = $media['File'][$if]['path'];
+      $pos_path_tmp = strrpos($path_tmp, '/');
+      if($pos_path_tmp == (strlen($path_tmp)-1)){ // acaba en /, busco otra vez
+      
+        $path_tmp = substr($media['File'][$if]['path'],0,-1);
+        $pos_path_tmp = (strrpos($path_tmp, '/')+1);
+      }
+      $tags_key[] = substr($path_tmp, $pos_path_tmp); 
+    }
+
+    for($tk=0;$tk<count($tags_key);$tk++){
+      if(!isset($media['Field']['keyword'])){
+        $media['Field']['keyword'] = array();
+      }
+
+      if(!in_array($tags_key[$tk], $media['Field']['keyword'])) $media['Field']['keyword'][] = $tags_key[$tk];
+    }
+    
+    // si existe. 
+      
+  }
+
+
     if ($media['Media']['name'] != basename($filename)) {
         $this->log(">>> File ". basename($filename) . " differs from {$media['Media']['name']} (extractImageData)", 'import');
     }
@@ -103,6 +132,7 @@ public function read(&$file, &$media = null, $options = array()) {
       $this->FilterManager->addError($filename, 'MediaSaveError');
       return false;
     }
+
     if ($isNew) {
       $mediaId = $this->Media->getLastInsertID();
       if (!$this->controller->MyFile->setMedia($file, $mediaId)) {
@@ -116,6 +146,7 @@ public function read(&$file, &$media = null, $options = array()) {
     } else {
       CakeLog::debug("Updated media (id ".$media['Media']['id'].")");
     }
+    
     $this->controller->MyFile->updateReaded($file);
     $this->controller->MyFile->setFlag($file, FILE_FLAG_DEPENDENT);
 
diff --git a/Model/Field.php b/Model/Field.php
index 6feaa956..5c22ae35 100644
--- a/Model/Field.php
+++ b/Model/Field.php
@@ -109,6 +109,7 @@ public function editSingle(&$media, &$data, $onlyFields = null) {
       return array();
     }
 	
+  /*
 	$tags_key = array();
 	if(isset($media['File']) && is_array($media['File']) && count($media['File'])>0){
 		for($if=0;$if<count($media['File']);$if++){
@@ -129,6 +130,7 @@ public function editSingle(&$media, &$data, $onlyFields = null) {
 		// si existe.	
 		  
 	}
+  */
     // Save old ids as references
     $oldIds = Set::extract('/Field/id', $media);
     $removeIds = array();

From 5e486da2aeae39ddffe62c50abc25a2a5877e4ee Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 13 Nov 2014 13:44:39 +0100
Subject: [PATCH 19/35] Add TOP order. Medias with "top" tag lead the results.

---
 Controller/Component/QueryBuilderComponent.php | 6 ++++++
 Controller/Component/SearchComponent.php       | 5 ++++-
 View/Elements/Explorer/menu.ctp                | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/Controller/Component/QueryBuilderComponent.php b/Controller/Component/QueryBuilderComponent.php
index 4fe5ce9e..5ead7588 100644
--- a/Controller/Component/QueryBuilderComponent.php
+++ b/Controller/Component/QueryBuilderComponent.php
@@ -720,6 +720,11 @@ private function _buildOrder(&$data, &$query, &$defaults) {
       case 'name': $query['order'][] = 'Media.name'; break;
       case '-name': $query['order'][] = 'Media.name DESC'; break;
       case 'id': $query['order'][] = 'Media.id'; break;
+      case 'top': $query['order'][] = "FieldsMedia1.media_id IN
+(SELECT MediaTop.media_id FROM `fields_media` as `MediaTop` INNER JOIN `fields` as `FieldsTop` 
+ON MediaTop.field_id = FieldsTop.id
+WHERE (FieldsTop.data = 'top' AND FieldsTop.name = 'keyword')
+) DESC";break;
       default:
         CakeLog::error("Unknown sort value: {$sort}. Use default sort order");
         $query['order'][] = 'Media.date DESC, Media.id';
@@ -729,6 +734,7 @@ private function _buildOrder(&$data, &$query, &$defaults) {
     if ($sort != 'random' && $sort != 'id') {
       $query['order'][] = 'Media.id';
     }
+
   }
 
   /**
diff --git a/Controller/Component/SearchComponent.php b/Controller/Component/SearchComponent.php
index 333ce930..27778526 100644
--- a/Controller/Component/SearchComponent.php
+++ b/Controller/Component/SearchComponent.php
@@ -58,7 +58,7 @@ class SearchComponent extends Component
     'pos' => array('numericRule' => 'numeric', 'minRule' => array('rule' => array('comparison', '>=', 1))),
     'similar' => array('rule' => array('maxLength', 30), 'multiple' => true),
     'show' => array('numericRule' => 'numeric', 'minRule' => array('rule' => array('comparison', '>=', 1)), 'maxRule' => array('rule' => array('comparison', '<=', 240))),
-    'sort' => array('rule' => array('inList', array('date', '-date', 'newest', 'changes', 'viewed', 'popularity', 'random', 'name'))),
+    'sort' => array('rule' => array('inList', array('date', '-date', 'newest', 'changes', 'viewed', 'popularity', 'random', 'name', 'top'))),
     'south' => array('rule' => array('custom', '/-?\d+(\.\d+)?/')),
     'sublocation' => array('rule' => array('maxLength', 30), 'multiple' => true),
     'state' => array('rule' => array('maxLength', 30), 'multiple' => true),
@@ -566,6 +566,7 @@ public function allResults($crumbs,$onlyCount=false){
     // $query['fields'] = 'DISTINCT Media.id';
     $query['recursive'] = -1;
     unset($query['group']);
+
     
     if($onlyCount) $search = 'count';
     else $search = 'all';
@@ -608,6 +609,8 @@ public function paginate() {
       'data' => $this->getParams()
       );
 
+
+
     if ($count == 0) {
       $this->controller->request->params['search'] = $params;
       return array();
diff --git a/View/Elements/Explorer/menu.ctp b/View/Elements/Explorer/menu.ctp
index ed84a1f7..b27af1b7 100644
--- a/View/Elements/Explorer/menu.ctp
+++ b/View/Elements/Explorer/menu.ctp
@@ -113,6 +113,7 @@
   $links[] = $this->Html->link(__('modified'), $this->Breadcrumb->crumbUrl($this->Breadcrumb->replace($crumbs, 'sort', 'changes')));
   $links[] = $this->Html->link(__('view count'), $this->Breadcrumb->crumbUrl($this->Breadcrumb->replace($crumbs, 'sort', 'viewed')));
   $links[] = $this->Html->link(__('random'), $this->Breadcrumb->crumbUrl($this->Breadcrumb->replace($crumbs, 'sort', 'random')));
+  $links[] = $this->Html->link(__('top'), $this->Breadcrumb->crumbUrl($this->Breadcrumb->replace($crumbs, 'sort', 'top')));
   echo implode(' ', $links);
 ?></p>
 <p><?php echo __('View') . " "; ?>

From 7a667db06cf815b145ce8cad863edd4374c18186 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 14 Nov 2014 13:23:08 +0100
Subject: [PATCH 20/35] He omitido un warning en el exif para que siga
 adelante. El exif ISO si es array vale null.

---
 Controller/Component/ExiftoolComponent.php    | 3 +++
 Controller/Component/ImageFilterComponent.php | 3 +++
 Vendor/getid3/module.graphic.jpg.php          | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/Controller/Component/ExiftoolComponent.php b/Controller/Component/ExiftoolComponent.php
index 01497fa3..4980ddf4 100644
--- a/Controller/Component/ExiftoolComponent.php
+++ b/Controller/Component/ExiftoolComponent.php
@@ -519,6 +519,9 @@ public function extractImageDataSidecar(&$media, &$data) {
     $v['shutter'] = $this->_extract($data, 'ShutterSpeed', $v['shutter']);
     $v['model'] = $this->_extract($data, 'Model', $v['model']);
     $v['iso'] = $this->_extract($data, 'ISO', $v['iso']);
+    if(is_array($v['iso'])){
+      $v['iso'] = null;
+    }
     $v['caption'] = $this->_extract($data, 'Comment', $v['caption']);
 
     // fetch GPS coordinates
diff --git a/Controller/Component/ImageFilterComponent.php b/Controller/Component/ImageFilterComponent.php
index b365719c..3995eada 100644
--- a/Controller/Component/ImageFilterComponent.php
+++ b/Controller/Component/ImageFilterComponent.php
@@ -232,6 +232,9 @@ private function _extractImageDataGetId3(&$media, &$data) {
     $v['shutter'] = $this->_computeSutter($this->_extract($data, 'jpg/exif/EXIF/ShutterSpeedValue', null));
     $v['model'] = $this->_extract($data, 'jpg/exif/IFD0/Model', null);
     $v['iso'] = $this->_extract($data, 'jpg/exif/EXIF/ISOSpeedRatings', null);
+    if(is_array($v['iso'])){
+      $v['iso'] = null;
+    }
     //CakeLog::debug($data);
 
     // fetch GPS coordinates
diff --git a/Vendor/getid3/module.graphic.jpg.php b/Vendor/getid3/module.graphic.jpg.php
index 5663a2f5..69a435dd 100644
--- a/Vendor/getid3/module.graphic.jpg.php
+++ b/Vendor/getid3/module.graphic.jpg.php
@@ -66,7 +66,7 @@ public function Analyze() {
 						if (substr($imageinfo['APP1'], 0, 4) == 'Exif') {
 //$info['warning'][] = 'known issue: https://bugs.php.net/bug.php?id=62523';
 //return false;
-							$info['jpg']['exif'] = exif_read_data($info['filenamepath'], null, true, false);
+							$info['jpg']['exif'] = @exif_read_data($info['filenamepath'], null, true, false);
 						} else {
 							$info['warning'][] = 'exif_read_data() cannot parse non-EXIF data in APP1 (expected "Exif", found "'.substr($imageinfo['APP1'], 0, 4).'")';
 						}

From 76a316f23f1ae1f4af10622b6b71d518a4913f87 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 1 Dec 2014 16:35:56 +0100
Subject: [PATCH 21/35] Only logged users can view the panel. Fixed the show
 function of MediaController

---
 Controller/MediaController.php | 2 +-
 View/Layouts/default.ctp       | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index 5f29623e..fcefc664 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -425,7 +425,7 @@ public function clean($number){
      */
     private function _getListPhotos(){
         $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
-        return $this->Search->allResults($this->crumbs,true);
+        return $this->Search->allResults($this->crumbs);
         
     }
 
diff --git a/View/Layouts/default.ctp b/View/Layouts/default.ctp
index 54648c03..b716c998 100644
--- a/View/Layouts/default.ctp
+++ b/View/Layouts/default.ctp
@@ -26,6 +26,9 @@
 <?php echo $this->Menu->menu('top-menu'); ?>
 </div></div><!-- #header/sub -->
 
+<?php 
+if($currentUser['User']['id']>0): ?>
+
 <div id="main-menu"><div class="sub">
 <?php echo $this->Menu->menu('main-menu'); ?>
 <div id="quicksearch">
@@ -51,5 +54,7 @@
 <p><?php echo __("&copy; 2006-2013 by %s - Organize, Browse, and Share Your Photos.", $this->Html->link(__("phTagr.org"), 'http://www.phtagr.org')); ?></p>
 </div></div><!-- #footer/sub -->
 
+<?php endif; ?>
+
 </div></body><!-- #page -->
 </html>

From 9ae363fe7a70f6a05d5db74aee06dd2018aa6288 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 1 Dec 2014 16:51:21 +0100
Subject: [PATCH 22/35] Allow panel view if /users/login is the current page.

---
 View/Layouts/default.ctp | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/View/Layouts/default.ctp b/View/Layouts/default.ctp
index b716c998..4d3ad0c9 100644
--- a/View/Layouts/default.ctp
+++ b/View/Layouts/default.ctp
@@ -27,7 +27,8 @@
 </div></div><!-- #header/sub -->
 
 <?php 
-if($currentUser['User']['id']>0): ?>
+if(($this->params['controller'] == 'users' && $this->params['action'] == 'login')
+   || $currentUser['User']['id']>0): ?>
 
 <div id="main-menu"><div class="sub">
 <?php echo $this->Menu->menu('main-menu'); ?>

From c68b66d946695525cd88f9c82cbc7bdd6f2fd188 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 1 Dec 2014 18:12:40 +0100
Subject: [PATCH 23/35] arreglo de estilo de checkbox de las opciones del
 importador para restringir el acceso.

---
 _picasa/aguagis_p.png    | Bin 920 -> 0 bytes
 webroot/ccss/backend.css |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 delete mode 100644 _picasa/aguagis_p.png

diff --git a/_picasa/aguagis_p.png b/_picasa/aguagis_p.png
deleted file mode 100644
index 46ad76333b36dbefe7b27364e2234f4d84a4a7fc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 920
zcmYk5VN4Tu7{=d!uf6NqE4>~oJ&TT;49A9SU1yqs3RhNZVU@HUIFd2aVlxeE+}v~n
zM&=0)S{!mX5>bh^6SlfA!<KzuSy(DohYAX=7_!OO7>H>M8461gCOg0F!~6X5<b9I&
z%ku^t#oJX1y#fGKg*J;zq)(g_IWB6(WKER_>2C85Gr+e;>z19Li=N$ObL{}A%>dvV
z0G3uo-UT>d0EoK*a*qS(-aUTqL<|5+FSM9Tsyi!JR#)>cW-__J@*ViE=q$epDDJGr
z6a@}itm700C|b}{V6|GA*O5PMB$A!35Ptg*<gDw1G6^;L?6nPcH$;;hcH0EX{05>*
zA%Ua|^sc-Y91xXw<K1h-?0fd)hR`1v_RL78Ovxwm=}-8d%Zad_+KR6J6oJ6^%IbTs
z@ZLuRJ+T|cwr83Jm0$JIev;xWx_~2cgR9xs0nvG`t_{&h#cjL+0YOFzk^1g?nC)RT
zL;cVVMGdj%xOrK)LRjWBUUlg&a&0nq><#|wL)-c=Y`sesoC?_9HX2wu>$_8TlR)Bc
zUyHwXfDrzc;Fi5LP>MAlR@&|pBR#hxysbaUvDoX+a&yBqI)=(2-<pH=y>4!LJ(C^b
zPkyWthRl}{=`TO>**ak;kN2AF<QjIiwyZv();4Kp)xj0QvH8k%4<JibTOuuh=dkF?
zU%Fu1J}5fK(G4?ls*LX<QpS7byv&Z#sVUAp#{)NNe#(<7NUot~PXP1ol)54Vx8Y@M
zqL{#A^5xbq30xAae8RB;Re3|hhFS@&x_)lj%5dPk*+bOe?Z?uLY&^Nl+1UBc219V?
z?}V_>uqC0nI>~okhQPnFK%@3ef-#`M)3QBv9ZSJ4I*I4cNBI7iLQvYITI=O4@?45P
zsm^jT!non!p@jk3he|3?(^e@GkI<fA1d|yDN7W3wcvHHuYUF~1t&m3_a$C+I+NKLl
z8CsWKy=0Eh34fZj;UDjZ?)WUmrnIU&EY_bK@(IiNMv5SVbDz${F;ckoKpM`O4NXn=
zt$XotqmEd7@T4J$?D|SyK3ppccOYyAZfV_aF8hvfX>?4Z6vj5Q^PWco%E4?JN&I?^
zsf5R{f2<dIct4$Fc_z?8cC{T1DTGstYCM)fPPgs{DK)AwDR2Vh!O;toPvaojvuU7_
qd2HpWm16U)={`T=LEqB*zoh|;hl~0W<e60QwV-fYvE_V$yZ%4#&`A*h

diff --git a/webroot/ccss/backend.css b/webroot/ccss/backend.css
index f613fb4b..681fd31b 100644
--- a/webroot/ccss/backend.css
+++ b/webroot/ccss/backend.css
@@ -274,7 +274,7 @@ form {
       form fieldset div.input .radioSet {
         margin: 3px 0; }
         form fieldset div.input .radioSet input[type=radio] {
-          display: none; }
+          display: inline; }
         form fieldset div.input .radioSet label {
           padding: 5px 10px;
           border: 1px solid #aaaaaa;

From 704d2802aeebdef0b1130320868045ca0a0978f0 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 23 Dec 2014 09:33:12 +0100
Subject: [PATCH 24/35] =?UTF-8?q?Volvemos=20a=20activar=20cach=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .htaccess       | 7 ++++++-
 Model/Media.php | 7 +++----
 crossdomain.xml | 4 ++++
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 crossdomain.xml

diff --git a/.htaccess b/.htaccess
index fc3aac4b..370112c1 100644
--- a/.htaccess
+++ b/.htaccess
@@ -2,4 +2,9 @@
     RewriteEngine on
     RewriteRule    ^$    webroot/    [L]
     RewriteRule    (.*) webroot/$1    [L]
-</IfModule>
\ No newline at end of file
+</IfModule>
+
+
+Header add Access-Control-Allow-Origin "*"
+Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
+Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
diff --git a/Model/Media.php b/Model/Media.php
index 3666d6a9..f27178e6 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -1218,8 +1218,7 @@ public function deleteGroupByUser(&$group, &$user) {
 
   // Cached queries
   public function find($type = 'first', $query = array()){
-    /*
-	$cacheInFind = true;
+    $cacheInFind = true;
 
     if($cacheInFind){
       $cacheHash = md5(serialize(array_merge(array('type' => $type),$query)));
@@ -1234,9 +1233,9 @@ public function find($type = 'first', $query = array()){
     } else {
       return parent::find($type,$query);
     }
-	*/
 	
-	return parent::find($type,$query);
+	
+	//return parent::find($type,$query);
 
 
   }
diff --git a/crossdomain.xml b/crossdomain.xml
new file mode 100644
index 00000000..09e6cf80
--- /dev/null
+++ b/crossdomain.xml
@@ -0,0 +1,4 @@
+<cross-domain-policy xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="http://www.adobe.com/xml/schemas/PolicyFile.xsd">
+  <allow-access-from domain="*.golfinspain.com"/>
+</cross-domain-policy>  

From dfe0666adcd72d6558e8a3a3c35ed703e0accd6e Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 23 Dec 2014 10:41:03 +0100
Subject: [PATCH 25/35] =?UTF-8?q?a=C3=B1ado=20tambien=20el=20setup=20como?=
 =?UTF-8?q?=20ruta=20donde=20si=20se=20debe=20mostrar=20el=20contenido.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 View/Layouts/default.ctp | 1 +
 1 file changed, 1 insertion(+)

diff --git a/View/Layouts/default.ctp b/View/Layouts/default.ctp
index 4d3ad0c9..9f4dca10 100644
--- a/View/Layouts/default.ctp
+++ b/View/Layouts/default.ctp
@@ -28,6 +28,7 @@
 
 <?php 
 if(($this->params['controller'] == 'users' && $this->params['action'] == 'login')
+        || $this->params['controller'] == 'setup'
    || $currentUser['User']['id']>0): ?>
 
 <div id="main-menu"><div class="sub">

From a3e29f159ec217e15e200497be4929a09f659a6a Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Tue, 10 Feb 2015 10:55:19 +0100
Subject: [PATCH 26/35] Queries cache is managed by Varnish now.

---
 Model/Media.php | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/Model/Media.php b/Model/Media.php
index f27178e6..b802e6d5 100644
--- a/Model/Media.php
+++ b/Model/Media.php
@@ -1218,6 +1218,7 @@ public function deleteGroupByUser(&$group, &$user) {
 
   // Cached queries
   public function find($type = 'first', $query = array()){
+    /*
     $cacheInFind = true;
 
     if($cacheInFind){
@@ -1234,8 +1235,8 @@ public function find($type = 'first', $query = array()){
       return parent::find($type,$query);
     }
 	
-	
-	//return parent::find($type,$query);
+	*/
+	 return parent::find($type,$query);
 
 
   }

From 1086c7de1da1d736cf40ca27ada1b5a320f9bbfe Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 5 Mar 2015 17:21:41 +0100
Subject: [PATCH 27/35] =?UTF-8?q?A=C3=B1ado=20funci=C3=B3n=20de=20deleteim?=
 =?UTF-8?q?port=20para=20borrar=20tras=20import.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/ExplorerController.php | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 105d8a22..2721e86a 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -737,6 +737,22 @@ public function selection($action) {
 
     $this->render('index');
   }
+  
+  public function deleteimport($filename){
+	  
+    $file = $this->MyFile->findByFilename($filename);
+    if (!$file) {
+      CakeLog::error("File not found: $fsPath");
+      $this->redirect('index/'.$path);
+    } elseif ($file['User']['id'] != $this->getUserId()) {
+      CakeLog::warning("Deny access to file: $fsPath");
+    } else {
+      $this->Session->setFlash(__("Media %d was unlinked successfully", $file['File']['media_id']));
+      $this->Media->unlinkFile($file['File']['media_id'], $file['File']['id']);
+    }
+	  echo 'OK';
+	  exit;
+  }
 
   public function sync($id) {
     if (!$this->RequestHandler->isAjax() || !$this->RequestHandler->isPost()) {

From 7bb777a7725845d75b51265faa1dbeb035262b45 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 5 Mar 2015 17:26:21 +0100
Subject: [PATCH 28/35] arreglo la funcion para usar el parametro a traves del
 request

---
 Controller/ExplorerController.php | 33 +++++++++++++++++++------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 2721e86a..01670edd 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -739,19 +739,26 @@ public function selection($action) {
   }
   
   public function deleteimport($filename){
-	  
-    $file = $this->MyFile->findByFilename($filename);
-    if (!$file) {
-      CakeLog::error("File not found: $fsPath");
-      $this->redirect('index/'.$path);
-    } elseif ($file['User']['id'] != $this->getUserId()) {
-      CakeLog::warning("Deny access to file: $fsPath");
-    } else {
-      $this->Session->setFlash(__("Media %d was unlinked successfully", $file['File']['media_id']));
-      $this->Media->unlinkFile($file['File']['media_id'], $file['File']['id']);
-    }
-	  echo 'OK';
-	  exit;
+	 
+	 if($this->request->data['filename']){
+		 
+		 $filename = $this->request->data['filename'];
+		  
+		$file = $this->MyFile->findByFilename($filename);
+		if (!$file) {
+		  CakeLog::error("File not found: $fsPath");
+		  $this->redirect('index/'.$path);
+		} elseif ($file['User']['id'] != $this->getUserId()) {
+		  CakeLog::warning("Deny access to file: $fsPath");
+		} else {
+		  $this->Session->setFlash(__("Media %d was unlinked successfully", $file['File']['media_id']));
+		  $this->Media->unlinkFile($file['File']['media_id'], $file['File']['id']);
+		}
+		echo 'OK';
+		exit;
+	 }
+	 echo 'Nothing to do here';
+	 exit;
   }
 
   public function sync($id) {

From 464885f961bbb7a4107208d9fe1d7b1dfb6462d5 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 5 Mar 2015 17:37:53 +0100
Subject: [PATCH 29/35] quito parametro de deleteimport

---
 Controller/ExplorerController.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 01670edd..17963656 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -738,7 +738,7 @@ public function selection($action) {
     $this->render('index');
   }
   
-  public function deleteimport($filename){
+  public function deleteimport(){
 	 
 	 if($this->request->data['filename']){
 		 

From e6e7a2d4a51fa3c58d98af80e5dace20260a3939 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 5 Mar 2015 17:42:18 +0100
Subject: [PATCH 30/35] debug

---
 Controller/ExplorerController.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 17963656..58db9705 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -740,6 +740,8 @@ public function selection($action) {
   
   public function deleteimport(){
 	 
+	 print_r($this->request);exit;
+	 
 	 if($this->request->data['filename']){
 		 
 		 $filename = $this->request->data['filename'];

From e5d3097b3852dd6692574f517f1d4ab7af1f3d09 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Thu, 5 Mar 2015 17:44:44 +0100
Subject: [PATCH 31/35] quito debug

---
 Controller/ExplorerController.php | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 58db9705..6c386103 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -740,11 +740,9 @@ public function selection($action) {
   
   public function deleteimport(){
 	 
-	 print_r($this->request);exit;
-	 
-	 if($this->request->data['filename']){
+	 if(isset($this->request->data['Filename'])){
 		 
-		 $filename = $this->request->data['filename'];
+		 $filename = $this->request->data['Filename'];
 		  
 		$file = $this->MyFile->findByFilename($filename);
 		if (!$file) {

From 1bce8cac354e3f2763b707487fed5a2d255ab9db Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Fri, 6 Mar 2015 15:04:43 +0100
Subject: [PATCH 32/35] funcion lsyncd de importacion

---
 Controller/BrowserController.php  | 97 +++++++++++++++++++++++++++++++
 Controller/ExplorerController.php | 23 +-------
 2 files changed, 98 insertions(+), 22 deletions(-)

diff --git a/Controller/BrowserController.php b/Controller/BrowserController.php
index a3afdbbe..7618a20e 100644
--- a/Controller/BrowserController.php
+++ b/Controller/BrowserController.php
@@ -327,7 +327,104 @@ public function import() {
     $this->FilterManager->ImageFilter->Exiftool->exitExiftool();
     $this->redirect('index/'.$path);
   }
+  
+    private function _lsyncdimport($filetoimport) {
+
+    	if ($this->hasRole(ROLE_ADMIN)) {
+      		ini_set('max_execution_time', 3600);//1 hour
+    	}
+
+		$options = array();
+		$options['recursive'] = 1;
+		$options['forceReadMeta'] = 1;
+		$options['extensions'] = 'any';
+		
+		$recursive = (bool) $options['recursive'];
+	
+    	// Get dir and imports
+    	$dirs = array();
+    	$files = array();
+    	$toRead = array();
+		
+		
+      	$fsPath = $this->_getFsPath($filetoimport);
+      	if (is_dir($fsPath)) {
+        	$dirs[] = Folder::slashTerm($fsPath);
+        	$toRead[] = $fsPath;
+      	} elseif (file_exists($fsPath) && is_readable($fsPath)) {
+        	$files[] = $fsPath;
+        	$toRead[] = $fsPath;
+      	}
+
+    	$this->FilterManager->clearErrors();
+
+    	$readed = $this->FilterManager->readFiles($toRead, $options);
+    	$skipped = count($this->FilterManager->skipped);
+    	$errorCount = count($this->FilterManager->errors);
+
+    	$readCount = 0;
+    	foreach ($readed as $file => $media) {
+      		if ($media) {
+        		$readCount++;
+      		}
+    	}
+    	$this->Session->setFlash(__("Processed %d files (imported %d, skipped %d, %d errors)", $readCount, $readCount-$skipped, $skipped, $errorCount));
+
+    	$this->FilterManager->ImageFilter->Exiftool->exitExiftool();
+    	return true;
+  }
+
 
+	private function _lsyncdelete($filename=''){
+	 
+	 	if(isset($this->request->data['Filename'])){
+		 
+		 	$filename = $this->request->data['Filename'];
+	 	}
+		if($filename != ''){  
+			$file = $this->MyFile->findByFilename($filename);
+			if (!$file) {
+		  		return false;
+			} elseif ($file['User']['id'] != $this->getUserId()) {
+				return false;
+			} else {
+		  	$this->Session->setFlash(__("Media %d was unlinked successfully", $file['File']['media_id']));
+		  	$this->Media->unlinkFile($file['File']['media_id'], $file['File']['id']);
+		}
+		echo 'OK';
+		exit;
+	 }
+	 echo 'Nothing to do here';
+	 exit;
+  }
+  
+  
+  public function lsyncd(){
+	  
+	  
+	  if(isset($this->request->data['lsynclog']) && isset($this->request->data['folder_root'])){
+	  	$lsynclog=$this->request->data['lsynclog'];
+	  	$folder_root = $this->request->data['folder_root'];
+		  $files = file($lsynclog);
+		  
+		  for($i=0;$i<count($files);$i++){
+			  $file = explode(' ', htmlentities($files[$i]), 5);
+			  if($file[3] == 'cd+++++++++'){
+				  // es una carpeta nueva
+				  // no hacemos nada
+			  } elseif($file[3] == "<f+++++++++" || $file[3] == "<f.sT......"){
+				  // archivo nuevo, llamo a import
+				  $this->_lsyncimport($folder_root.'/'.trim($file[4]));
+				  
+				  
+			  } elseif($file[3] == "*deleting"){
+				  $this->_lsyncdelete($folder_root.'/'.trim($file[4]));
+				  // archivo borrado, llamo a delete
+			  } 
+		  }
+	  }
+	  exit;
+  }
   public function unlink() {
     $path = $this->_getPathFromUrl();
     $fsPath = $this->_getFsPath($path);
diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index 6c386103..d87355dd 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -738,28 +738,7 @@ public function selection($action) {
     $this->render('index');
   }
   
-  public function deleteimport(){
-	 
-	 if(isset($this->request->data['Filename'])){
-		 
-		 $filename = $this->request->data['Filename'];
-		  
-		$file = $this->MyFile->findByFilename($filename);
-		if (!$file) {
-		  CakeLog::error("File not found: $fsPath");
-		  $this->redirect('index/'.$path);
-		} elseif ($file['User']['id'] != $this->getUserId()) {
-		  CakeLog::warning("Deny access to file: $fsPath");
-		} else {
-		  $this->Session->setFlash(__("Media %d was unlinked successfully", $file['File']['media_id']));
-		  $this->Media->unlinkFile($file['File']['media_id'], $file['File']['id']);
-		}
-		echo 'OK';
-		exit;
-	 }
-	 echo 'Nothing to do here';
-	 exit;
-  }
+
 
   public function sync($id) {
     if (!$this->RequestHandler->isAjax() || !$this->RequestHandler->isPost()) {

From a425a50ed66055e7b8e9a24ead2ae2c3301effed Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 9 Mar 2015 12:56:11 +0100
Subject: [PATCH 33/35] =?UTF-8?q?ordenaci=C3=B3n=20por=20defecto=20en=20to?=
 =?UTF-8?q?p?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/BrowserController.php              | 30 ++++++++++---------
 .../Component/QueryBuilderComponent.php       |  2 +-
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/Controller/BrowserController.php b/Controller/BrowserController.php
index 7618a20e..efe69c3d 100644
--- a/Controller/BrowserController.php
+++ b/Controller/BrowserController.php
@@ -328,7 +328,7 @@ public function import() {
     $this->redirect('index/'.$path);
   }
   
-    private function _lsyncdimport($filetoimport) {
+    private function _lsyncimport($filetoimport) {
 
     	if ($this->hasRole(ROLE_ADMIN)) {
       		ini_set('max_execution_time', 3600);//1 hour
@@ -337,7 +337,7 @@ private function _lsyncdimport($filetoimport) {
 		$options = array();
 		$options['recursive'] = 1;
 		$options['forceReadMeta'] = 1;
-		$options['extensions'] = 'any';
+		$options['extensions'] = array('any');
 		
 		$recursive = (bool) $options['recursive'];
 	
@@ -346,8 +346,8 @@ private function _lsyncdimport($filetoimport) {
     	$files = array();
     	$toRead = array();
 		
-		
-      	$fsPath = $this->_getFsPath($filetoimport);
+      	#$fsPath = $this->_getFsPath($filetoimport);
+		$fsPath = $filetoimport;
       	if (is_dir($fsPath)) {
         	$dirs[] = Folder::slashTerm($fsPath);
         	$toRead[] = $fsPath;
@@ -377,14 +377,10 @@ private function _lsyncdimport($filetoimport) {
 
 	private function _lsyncdelete($filename=''){
 	 
-	 	if(isset($this->request->data['Filename'])){
-		 
-		 	$filename = $this->request->data['Filename'];
-	 	}
 		if($filename != ''){  
 			$file = $this->MyFile->findByFilename($filename);
 			if (!$file) {
-		  		return false;
+				return false;
 			} elseif ($file['User']['id'] != $this->getUserId()) {
 				return false;
 			} else {
@@ -401,24 +397,30 @@ private function _lsyncdelete($filename=''){
   
   public function lsyncd(){
 	  
-	  
 	  if(isset($this->request->data['lsynclog']) && isset($this->request->data['folder_root'])){
 	  	$lsynclog=$this->request->data['lsynclog'];
 	  	$folder_root = $this->request->data['folder_root'];
 		  $files = file($lsynclog);
 		  
+		  
 		  for($i=0;$i<count($files);$i++){
-			  $file = explode(' ', htmlentities($files[$i]), 5);
+			  $file = explode(' ', $files[$i], 5);
+			  if(strpos($file[4], '.ini')!==false){
+				  continue;
+			  }
 			  if($file[3] == 'cd+++++++++'){
 				  // es una carpeta nueva
 				  // no hacemos nada
 			  } elseif($file[3] == "<f+++++++++" || $file[3] == "<f.sT......"){
+				  #echo 'archivo nuevo: '.$folder_root.trim($file[4]).'<br/>';
 				  // archivo nuevo, llamo a import
-				  $this->_lsyncimport($folder_root.'/'.trim($file[4]));
-				  
+				  #$this->_lsyncimport($folder_root.'/'.trim($file[4]));
+				  $this->_lsyncimport($folder_root.trim($file[4]));
 				  
 			  } elseif($file[3] == "*deleting"){
-				  $this->_lsyncdelete($folder_root.'/'.trim($file[4]));
+				  #echo 'archivo eliminado'.$folder_root.trim($file[4]).'<br/>';
+				  #$this->_lsyncdelete($folder_root.'/'.trim($file[4]));
+				  $this->_lsyncdelete($folder_root.trim($file[4]));
 				  // archivo borrado, llamo a delete
 			  } 
 		  }
diff --git a/Controller/Component/QueryBuilderComponent.php b/Controller/Component/QueryBuilderComponent.php
index 5ead7588..44b105e2 100644
--- a/Controller/Component/QueryBuilderComponent.php
+++ b/Controller/Component/QueryBuilderComponent.php
@@ -641,7 +641,7 @@ private function _mapParams(&$data) {
   public function build($data, $defaults) {
     $this->counter = 0;
     $data = $this->_mapParams($data);
-    $defaults = am(array('sort' => 'id', 'show' => EXPLORER_DEFAULT_SHOW, 'page' => 1), (array) $defaults);
+    $defaults = am(array('sort' => 'top', 'show' => EXPLORER_DEFAULT_SHOW, 'page' => 1), (array) $defaults);
     list($required, $exclude) = $this->_splitRequirements($data);
     // if we have some required conditions default operand is OR for optional conditions
     $defaultOperand = $required ? 'ANY' : 'AND';

From 3a5d376022418de0ebb05d574e529456f3f7c01f Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 9 Mar 2015 13:47:20 +0100
Subject: [PATCH 34/35] =?UTF-8?q?a=C3=B1ado=20URL=20por=20param=20tipo=20w?=
 =?UTF-8?q?:600?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/MediaController.php | 71 +++++++++++++++++++++++-----------
 1 file changed, 49 insertions(+), 22 deletions(-)

diff --git a/Controller/MediaController.php b/Controller/MediaController.php
index fcefc664..191e7218 100644
--- a/Controller/MediaController.php
+++ b/Controller/MediaController.php
@@ -425,6 +425,7 @@ public function clean($number){
      */
     private function _getListPhotos(){
         $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
+		#echo 'hola';exit;
         return $this->Search->allResults($this->crumbs);
         
     }
@@ -434,29 +435,55 @@ private function _getListPhotos(){
     */
     
     private function _getParamsResize(){
+		if(!$this->crumbs) $this->crumbs = $this->Search->urlToCrumbs($this->request->url, 2);
+		#echo 'hola';
+		#print_r($this->crumbs);exit;
         $arrParams = array();
-        //if($mode == 'str' || $mode == 'all') $strParams = '';
-        foreach(array('size', 'square', 'w','h','zc','quality','rotation') as $p){
-            if(isset($this->request->query[$p])){
-                $param = $this->request->query[$p];
-                switch($p){
-                    case 'size':
-                        $arrParams['w'] = (int)$param;
-                        $arrParams['h'] = (int)$param;
-                        break;
-                    case 'square':
-                        $arrParams['zc'] = 1;
-                        break;
-                    case 'w':
-                    case 'h':
-                    case 'zc':
-                    case 'quality':
-                    case 'rotation':
-                        $arrParams[$p] = $param;
-                        break;
-                }
-            }
-        }
+		
+		foreach($this->crumbs as $crumb){
+			list($crumbkey, $crumbvalue) = explode(':', $crumb,2);
+			switch($crumbkey){
+				case 'size':
+					$arrParams['w'] = (int)$crumbvalue;
+					$arrParams['h'] = (int)$crumbvalue;
+				case 'square':
+					$arrParams['zc'] = 1;
+					break;			
+				case 'w':
+				case 'h':
+				case 'zc':
+				case 'quality':
+				case 'rotation':
+					$arrParams[$crumbkey] = $crumbvalue;
+					break;
+					
+			}
+		}
+		
+		if(count($arrParams) == 0){
+			//if($mode == 'str' || $mode == 'all') $strParams = '';
+			foreach(array('size', 'square', 'w','h','zc','quality','rotation') as $p){
+				if(isset($this->request->query[$p])){
+					$param = $this->request->query[$p];
+					switch($p){
+						case 'size':
+							$arrParams['w'] = (int)$param;
+							$arrParams['h'] = (int)$param;
+							break;
+						case 'square':
+							$arrParams['zc'] = 1;
+							break;
+						case 'w':
+						case 'h':
+						case 'zc':
+						case 'quality':
+						case 'rotation':
+							$arrParams[$p] = $param;
+							break;
+					}
+				}
+			}
+		}
         
         if(count($arrParams)>0){
         

From ea91c58cdaeed999230721ac252458c0f8a110b7 Mon Sep 17 00:00:00 2001
From: Jose <jose@alsur.es>
Date: Mon, 23 Mar 2015 13:08:21 +0100
Subject: [PATCH 35/35] =?UTF-8?q?a=C3=B1ado=20otro=20caso=20al=20lsyncd.?=
 =?UTF-8?q?=20En=20este=20caso=20el=20de=20cuando=20un=20archivo=20es=20co?=
 =?UTF-8?q?piado.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Controller/BrowserController.php              |  2 +-
 .../Component/QueryBuilderComponent.php       |  4 ++--
 Controller/Component/SearchComponent.php      |  2 ++
 Controller/ExplorerController.php             | 22 +++++++++++++++++++
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/Controller/BrowserController.php b/Controller/BrowserController.php
index efe69c3d..1fd397fc 100644
--- a/Controller/BrowserController.php
+++ b/Controller/BrowserController.php
@@ -411,7 +411,7 @@ public function lsyncd(){
 			  if($file[3] == 'cd+++++++++'){
 				  // es una carpeta nueva
 				  // no hacemos nada
-			  } elseif($file[3] == "<f+++++++++" || $file[3] == "<f.sT......"){
+			  } elseif($file[3] == "<f+++++++++" || $file[3] == "<f.sT......" || $file[3] == "<f..T......"){
 				  #echo 'archivo nuevo: '.$folder_root.trim($file[4]).'<br/>';
 				  // archivo nuevo, llamo a import
 				  #$this->_lsyncimport($folder_root.'/'.trim($file[4]));
diff --git a/Controller/Component/QueryBuilderComponent.php b/Controller/Component/QueryBuilderComponent.php
index 44b105e2..cd8835b1 100644
--- a/Controller/Component/QueryBuilderComponent.php
+++ b/Controller/Component/QueryBuilderComponent.php
@@ -720,11 +720,11 @@ private function _buildOrder(&$data, &$query, &$defaults) {
       case 'name': $query['order'][] = 'Media.name'; break;
       case '-name': $query['order'][] = 'Media.name DESC'; break;
       case 'id': $query['order'][] = 'Media.id'; break;
-      case 'top': $query['order'][] = "FieldsMedia1.media_id IN
+      case 'top': $query['order'][] = "Media.id IN
 (SELECT MediaTop.media_id FROM `fields_media` as `MediaTop` INNER JOIN `fields` as `FieldsTop` 
 ON MediaTop.field_id = FieldsTop.id
 WHERE (FieldsTop.data = 'top' AND FieldsTop.name = 'keyword')
-) DESC";break;
+) DESC, Media.name ASC";break;
       default:
         CakeLog::error("Unknown sort value: {$sort}. Use default sort order");
         $query['order'][] = 'Media.date DESC, Media.id';
diff --git a/Controller/Component/SearchComponent.php b/Controller/Component/SearchComponent.php
index 27778526..efaea281 100644
--- a/Controller/Component/SearchComponent.php
+++ b/Controller/Component/SearchComponent.php
@@ -558,6 +558,8 @@ public function paginateByCrumbs($crumbs) {
   public function allResults($crumbs,$onlyCount=false){
 
     $this->_getParameterFromCrumbs($crumbs);
+	
+	$this->setParam('sort', 'top');
     $query = $this->QueryBuilder->build($this->getParams(), $this->defaults);
     $tmp = $query;
     unset($query['limit']);
diff --git a/Controller/ExplorerController.php b/Controller/ExplorerController.php
index d87355dd..cd7f8ea4 100644
--- a/Controller/ExplorerController.php
+++ b/Controller/ExplorerController.php
@@ -799,6 +799,28 @@ public function count(){
     $this->request->data = $this->Search->allResults($this->crumbs, true);
 
 
+  }
+  
+  public function getids(){
+    // return the count
+    if (Configure::read('debug') > 1) {
+      Configure::write('debug', 1);
+    }
+
+	$ids = array();
+    $this->request->data = $this->Search->allResults($this->crumbs);
+	if(count($this->request->data)>0){
+		for($i=0;$i<count($this->request->data);$i++){
+			$ids[$i] = $this->request->data[$i]['Media']['id'];
+		}
+		echo json_encode($ids);
+	} else {
+		echo json_encode(array());
+		
+	}
+	exit;
+
+
   }
 
   public function points($north, $south, $west, $east) {