Styles sync
authorKostas Papadimitriou <kpap@grnet.gr>
Wed, 9 Jan 2013 13:16:41 +0000 (15:16 +0200)
committerKostas Papadimitriou <kpap@grnet.gr>
Wed, 9 Jan 2013 13:16:41 +0000 (15:16 +0200)
sync astakos style changes with cms

22 files changed:
cloudcms/static/cloudcms/css/dropkick.css
cloudcms/static/cloudcms/css/formating.css
cloudcms/static/cloudcms/css/forms.css
cloudcms/static/cloudcms/css/images/ui-bg_flat_0_aaaaaa_40x100.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_glass_55_fbf9ee_1x400.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_glass_65_ffffff_1x400.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_glass_75_dadada_1x400.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_glass_75_e6e6e6_1x400.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_glass_75_ffffff_1x400.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-icons_222222_256x240.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-icons_2e83ff_256x240.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-icons_454545_256x240.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-icons_888888_256x240.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/images/ui-icons_cd0a0a_256x240.png [new file with mode: 0644]
cloudcms/static/cloudcms/css/jquery-ui-1.8.21.custom.css [new file with mode: 0644]
cloudcms/static/cloudcms/css/max480.css
cloudcms/static/cloudcms/css/max960.css
cloudcms/static/cloudcms/css/modules.css
cloudcms/static/cloudcms/css/uniform.default.css [new file with mode: 0644]
cloudcms/static/cloudcms/js/common.js

index fabb1e1..b5332ea 100644 (file)
 
 /***** Begin Theme, feel free to edit in here! ******/
 
+
+/* dropkick select extra styles */
+
+.form-row .dk_container                                                        { border-radius:0; margin-bottom:0; border: 1px solid gray; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:270px; padding:0.8em; padding-left:1.5em; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}
+.form-row .dk_toggle                                                   { border-radius:0;  padding:0 0 10px;  border:0 none;   text-decoration:none;background-image:url(../images/arrow-down_grey.png); background-position:85% 5px;}
+.form-row .dk_toggle:hover                                             { text-decoration:none; }
+.form-row .dk_open                                                             { background:transparent; box-shadow: none; }
+.form-row .dk_open .dk_toggle                                  { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
+.form-row .dk_focus .dk_toggle                                 { background-color:transparent;  border:0 none; color:#000; box-shadow: none;}
+.1form-row .dk_options                                                 { display:block; }
+.form-row .dk_options                                                  { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}
+.form-row .dk_options li                                               { float:none; margin:0; padding:0; }
+.form-row .dk_options a                                                        { font-weight:normal;color:#808080; padding:5px 1.5em;  border-bottom-color: #ccc;height:auto; width:auto;  }
+.form-row .dk_options a:hover                                  { border-bottom-color: #ccc }
+.form-row .dk_options_inner                                            { padding:0; margin:0; box-shadow:none; text-shadow:none;  border-radius:0; border:1px solid #ccc ; margin-top:4px;}
+.form-row .dk-options_inner li                                 { list-style:none outside; }
+.form-row .dk_options a:hover, 
+.form-row .dk_option_current a                                 { text-shadow:none; background-color: #fff; text-decoration:none; color:#F89A1C}
+.form-row .dk_toggle                                                   { height:17px; overflow:hidden; }
+.form-row .dk_toggle span                                              { width:220px;white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/ display:block; }
+/* end custom theme */
+
+
+
+
+
 /* One container to bind them... */
 .dk_container {
-   font-family: 'Antic', sans-serif;
-  
-  font-weight: normal;
-  line-height: 42px;
-  letter-spacing: 1px;
-  border: 1px solid #808080;
-  height:42px;
-  display: inline-block;
-  margin-bottom: -1px;
-  padding-left:21px;
-  
-  z-index: 2;
-  width:308px;
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
+  background: -moz-linear-gradient(top, #fff, #f5f5f5);
+  background: -o-linear-gradient(top, #fff, #f5f5f5);
+  background-color: #f5f5f5;
+  font-family: 'Helvetica', Arial, sans-serif;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 14px;
+  margin-bottom: 18px;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
 }
   .dk_container:focus {
     outline: 0;
@@ -32,8 +57,6 @@
   .dk_container a {
     cursor: pointer;
     text-decoration: none;
-    color:#808080;
-        
   }
 
 /* Opens the dropdown and holds the menu label */
    * Help: Arrow image not appearing
    * Try updating this property to your correct dk_arrows.png path
    */
-   background:url(../images/arrow_02.jpg) no-repeat 276px center;
-  
+  background-image: url('images/dk_arrows.png');
+  background-repeat: no-repeat;
+  background-position: 90% center;
+  border: 1px solid #ccc;
+  color: #333;
+  padding: 7px 45px 7px 10px;
+  text-shadow: #fff 1px 1px 0;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -webkit-transition: border-color .5s;
+  -moz-transition: border-color .5s;
+  -o-transition: border-color .5s;
+  transition: border-color .5s;
 }
   .dk_toggle:hover {
-    
+    border-color: #8c8c8c;
   }
   /* Applied when the dropdown is focused */
   .dk_focus .dk_toggle {
-    
+    border-color: #40b5e2;
   }
   .dk_focus .dk_toggle {
-    
+    box-shadow: 0 0 5px #40b5e2;
+    -moz-box-shadow: 0 0 5px #40b5e2;
+    -webkit-box-shadow: 0 0 5px #40b5e2;
   }
 
 /* Applied whenever the dropdown is open */
 .dk_open {
-  
+  box-shadow: 0 0 5px #40b5e2;
+  -moz-box-shadow: 0 0 5px #40b5e2;
+  -webkit-box-shadow: 0 0 5px #40b5e2;
   /**
    * Help: Dropdown menu is covered by something
    * Try setting this value higher
   z-index: 10;
 }
   .dk_open .dk_toggle {
-    
-    
+    background-color: #ececec;
+    border-color: #8c8c8c;
+    color: #ccc;
+    box-shadow: inset 0 -2px 5px #ccc;
+    border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    -webkit-border-radius: 5px 5px 0 0;
   }
 
 /* The outer container of the options */
 .dk_options {
-  
+  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+  border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  -webkit-border-radius: 0 0 5px 5px;
 }
   .dk_options a {
     background-color: #fff;
     border-bottom: 1px solid #999;
-    padding: 8px 20px;
+    font-weight: bold;
+    padding: 8px 10px;
   }
   .dk_options li:last-child a {
     border-bottom: none;
   }
   .dk_options a:hover,
   .dk_option_current a {
-    
+    background-color: #0084c7;
+    border-bottom-color: #004c72;
+    color: #fff;
+    text-decoration: none;
+    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
   }
 
 /* Inner container for options, this is what makes the scrollbar possible. */
-.dk_options_inner  {
-  padding:0;
-  margin:0;  
-  border: 1px solid #808080;
-  border-top:0 none;
+.dk_options_inner {
+  border: 1px solid #8c8c8e;
+  border-bottom-width: 2px;
+  border-bottom-color: #999;
+  color: #333;
+  max-height: 250px;
+  text-shadow: #fff 0 1px 0;
+  border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  -webkit-border-radius: 0 0 5px 5px;
 }
-.dk_options_inner li   { list-style:none outside;}
 
 /* Set a max-height on the options inner */
 .dk_options_inner,
 
 .dk_container {
   display: none;
+  float: left;
   position: relative;
 }
   .dk_container a {
index e49a712..5b7571c 100644 (file)
@@ -103,3 +103,13 @@ ul ul ul li                                                                                { list-style-type:square; }
 /* misc ---------------------------------------*/\r
 img[align="left"]                                                              { margin:0 1em 0.5em 0; }\r
 img[align="right"]                                                             { margin:0 0 0.5em 1em; }\r
+\r
+/* button */\r
+.button { display: inline-block; color: #fff; line-height: 22px; padding: 10px 22px; background-color: #F89A1C; margin-bottom: 10px;}\r
+.button:hover { background-color: #3582AC;}\r
+.button.wide { display: block;}\r
+span.action-desc { display: block; color: #fff;}\r
+.button:visited { color: #fff !important }\r
+\r
+/* heading extra */\r
+h2 .header-actions { float: right; font-size: 0.8em;}\r
index 81ead51..4d38c4d 100644 (file)
@@ -5,7 +5,7 @@ input, textarea, .form-widget                           { background-color: #ffffff; color: #000;borde
 #forms input:focus                                                     { position: relative; border: 1px solid #000; z-index: 100; }\r
 #forms .input:focus label,\r
 #forms input:focus label                                       { z-index: 300; }\r
-form.withlabels label                                          { width: 224px; display: block; float: left; padding-top: 1em; }\r
+form.withlabels label                                          { width: 224px; display: block; float: left; padding-top: 0.8em; }\r
 form.withlabels input[type=text], \r
 form.withlabels input[type=password]           { width: 270px; }\r
 form.withlabels input[type=text].long, \r
@@ -38,11 +38,11 @@ form select                                                                 { font-family: 'Didact Gothic', Verdana, sans-serif; font-we
 form textarea:focus,\r
 form input.text:focus,\r
 form input[type="text"]:focus,\r
-form input[type="password"]:focus                      {position: relative; border: 1px solid #000; z-index: 100;}\r
+form input[type="password"]:focus                      {position: relative; border: 1px solid #000; z-index: 3;}\r
 form textarea:focus label,\r
 form input.text:focus label,\r
 form input[type="text"]:focus label,\r
-form input[type="password"]:focus label        { z-index: 300;}\r
+form input[type="password"]:focus label        { z-index: 5;}\r
 form input.submit, \r
 form input[type="submit"],\r
 a.submit                                                                       { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px;  background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }\r
@@ -69,15 +69,15 @@ form .with-errors label                                     { color: #e4776f; }
 div.form-stacked                                                       { margin-bottom: 4em; }\r
 .checkbox-widget.checked                                       { background-color: #FF0000; background-image: url("../images/checkbox.png"); background-position: 50% 50%; }\r
 .content a.checkbox-widget                                     { border: 1px solid #808080; cursor: pointer; display: block; float: left; height: 25px; margin:5px 20px 0 0 ; width: 25px; }\r
-form.withlabels .checkbox-widget                       { margin-top:20px; }\r
+form.withlabels .checkbox-widget                       { margin-top:12px; }\r
 form.innerlabels .checkbox-widget +  label     { position:static; line-height:36px; color:#808080; }\r
 form.innerlabels .checkbox-widget +  label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; }\r
-form span.info                                                         { position:absolute;z-index:101; bottom:32px;  }\r
+form span.info                                                         { position:absolute;z-index:7; top:10px;  }\r
 form.innerlabels span.info                                     { left: 290px; }\r
 form.withlabels span.info                                      { left:485px;  }\r
 form span.info em                                                      { display:block; overflow:hidden;  position:absolute; left:0; text-indent:-100px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }\r
 form span.info:hover em                                        { background-position:-4px -3px; }\r
-form span.info span                                            { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; font-size:0.846em;}\r
+form span.info span                                            { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 8px; min-height:50px; display:none; font-size:0.846em;}\r
 form span.info:hover span                                      { display:block; }\r
 form .with-errors span.info                                    { display:none;}\r
 form p                                                                         { margin-bottom:0;position:relative;}\r
@@ -92,6 +92,8 @@ form.withlabels .extra-img                                    { left:485px; bottom:12px; }
 form.innerlabels .extra-img                                    { bottom:10px; left:290px }\r
 form .with-checkbox .extra-img                         {   } \r
 form .with-errors .extra-img                           { background:url(../images/symbols.png) no-repeat -58px -3px;  z-index:101;}\r
+form .with-errors .extra-img:hover + span.info,\r
+form .with-errors .extra-img:hover + span.info span                            { display:block; }\r
 form .with-errors textarea+.extra-img,\r
 form .with-errors noscript+.extra-img          { background:transparent;}\r
 form .with-errors input[type="text"],\r
@@ -133,33 +135,18 @@ form.withfieldset textarea                                                { width: 224px; }
 form.withfieldset select                                               { width: 256px; background:#fff;}\r
 form+p:first-child, form legend + p                            { margin-bottom:2em; }\r
 \r
-/* dropkick select extra styles */\r
-\r
-.form-row .dk_container                                                        { border-radius:0; margin-bottom:0; border: 1px solid #808080; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:300px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}\r
-.form-row .dk_toggle                                                   { border-radius:0;  padding:2px 0 10px;  border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow-down_black.png); background-position:90% 5px;}\r
-.form-row .dk_toggle:hover                                             { text-decoration:none; }\r
-.form-row .dk_open                                                             { background:transparent; box-shadow: none; }\r
-.form-row .dk_open .dk_toggle                                  { background-color:transparent; border:0 none; color:#000; box-shadow: none;}\r
-.form-row .dk_focus .dk_toggle                                 { background-color:transparent;  border:0 none; color:#000; box-shadow: none;}\r
-.1form-row .dk_options                                                 { display:block; }\r
-.form-row .dk_options                                                  { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}\r
-.form-row .dk_options a                                                        { font-weight:normal;color:#808080 }\r
-.form-row .dk_options_inner                                            { padding:0; margin:0; box-shadow:none; text-shadow:none;  border-radius:0; border:1px solid #8C8C8E ;}\r
-.form-row .dk-options_inner li                                 { list-style:none outside; }\r
-.form-row .dk_options a:hover, \r
-.form-row .dk_option_current a                                 { text-shadow:none; background-color: #E7E7E3; text-decoration:none;}\r
 \r
 form.link-like                                                                 { display:inline-block; margin:0 5px; float:right;}\r
-form.link-like input[type="submit"]                            { margin:0; padding:0 5px; background:transparent; color:#F89A1C; cursor:pointer; height:auto;  }\r
+form.link-like input[type="submit"]                            { margin:0; padding:0; background:transparent; color:#F89A1C; cursor:pointer; height:auto; line-height:120%;  }\r
 form.link-like input[type="submit"]:hover              { text-decoration:underline;  }\r
-form.link-like.alone                                                   { float:none; margin:0;}\r
+form.link-like.alone                                                   { float:none; margin:0; position:absolute; right:0; top:96px;}\r
 form.link-like.alone .form-row                                 { margin:0; }\r
 form.link-like.alone input[type="submit"]              { padding:0; }  \r
 .projects form.withlabels .checkbox-widget             { margin-top:5px; }\r
 .projects form .with-checkbox                                  { margin:20px 0; }\r
 .projects form .with-checkbox label                            { padding-top:7px; }\r
 .projects form .with-checkbox span.info                        { bottom:24px; }\r
-.projects .minimal                                                             { float:right; position:relative; margin-bottom:-20px;}\r
+.projects .minimal                                                             { float:right; position:relative; margin-bottom:-28px;}\r
 .projects .minimal select                                              { padding:3px; width:250px; }\r
 .projects .minimal label                                               { position:absolute; right:290px; top:5px; white-space:nowrap}\r
 \r
@@ -208,4 +195,8 @@ form.link-like.alone input[type="submit"]           { padding:0; }
        form input[type="text"], \r
        form input[type="password"]                                     { width:90%; }\r
        .form-row .dk_container                                         { width:100%; }\r
-}
\ No newline at end of file
+}\r
+form.submit-inline                                                             { position:relative }\r
+form.submit-inline .form-row.submit                            { position:absolute; left:578px; top:0; margin:0; }\r
+form.submit-inline .form-row input                             { margin:0 20px 0 0 ; }\r
+form.signup .back                                                              { float:right; margin:15px 70px 0 0 ; height:43px; line-height:43px }\r
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_flat_0_aaaaaa_40x100.png b/cloudcms/static/cloudcms/css/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100644 (file)
index 0000000..5b5dab2
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_flat_0_aaaaaa_40x100.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_glass_55_fbf9ee_1x400.png b/cloudcms/static/cloudcms/css/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100644 (file)
index 0000000..ad3d634
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_glass_55_fbf9ee_1x400.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_glass_65_ffffff_1x400.png b/cloudcms/static/cloudcms/css/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644 (file)
index 0000000..42ccba2
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_dadada_1x400.png b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_dadada_1x400.png
new file mode 100644 (file)
index 0000000..5a46b47
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_dadada_1x400.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_e6e6e6_1x400.png b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100644 (file)
index 0000000..86c2baa
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_e6e6e6_1x400.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_ffffff_1x400.png b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_ffffff_1x400.png
new file mode 100644 (file)
index 0000000..e65ca12
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_glass_75_ffffff_1x400.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/cloudcms/static/cloudcms/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100644 (file)
index 0000000..7c9fa6c
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png b/cloudcms/static/cloudcms/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png
new file mode 100644 (file)
index 0000000..0e05810
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-icons_222222_256x240.png b/cloudcms/static/cloudcms/css/images/ui-icons_222222_256x240.png
new file mode 100644 (file)
index 0000000..b273ff1
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-icons_222222_256x240.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-icons_2e83ff_256x240.png b/cloudcms/static/cloudcms/css/images/ui-icons_2e83ff_256x240.png
new file mode 100644 (file)
index 0000000..09d1cdc
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-icons_2e83ff_256x240.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-icons_454545_256x240.png b/cloudcms/static/cloudcms/css/images/ui-icons_454545_256x240.png
new file mode 100644 (file)
index 0000000..59bd45b
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-icons_454545_256x240.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-icons_888888_256x240.png b/cloudcms/static/cloudcms/css/images/ui-icons_888888_256x240.png
new file mode 100644 (file)
index 0000000..6d02426
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-icons_888888_256x240.png differ
diff --git a/cloudcms/static/cloudcms/css/images/ui-icons_cd0a0a_256x240.png b/cloudcms/static/cloudcms/css/images/ui-icons_cd0a0a_256x240.png
new file mode 100644 (file)
index 0000000..2ab019b
Binary files /dev/null and b/cloudcms/static/cloudcms/css/images/ui-icons_cd0a0a_256x240.png differ
diff --git a/cloudcms/static/cloudcms/css/jquery-ui-1.8.21.custom.css b/cloudcms/static/cloudcms/css/jquery-ui-1.8.21.custom.css
new file mode 100644 (file)
index 0000000..22f42ee
--- /dev/null
@@ -0,0 +1,565 @@
+/*!
+ * jQuery UI CSS Framework 1.8.21
+ *
+ * Copyright 2012, 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:before, .ui-helper-clearfix:after { content: ""; display: table; }
+.ui-helper-clearfix:after { clear: both; }
+.ui-helper-clearfix { zoom: 1; }
+.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.21
+ *
+ * Copyright 2012, 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/?ctl=themeroller
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: 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: Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.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, .ui-state-default a:link, .ui-state-default a: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, .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: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-active a, .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_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
+.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: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_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.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 {background-image: url(images/ui-icons_454545_256x240.png); }
+.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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% 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.21
+ *
+ * Copyright 2012, 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; 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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.21
+ *
+ * Copyright 2012, 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; overflow: hidden; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
index 1a1ceab..a861847 100644 (file)
@@ -5,6 +5,3 @@
 
 /* forms */
 form .form-row .extra-link                                             {   float:none; position:static; margin-left:15px;}
-
-.widjets li                                                                    { width:auto; float:none; }
-.widjets li div                                                                        { width:auto; }
index 1878790..86cce23 100644 (file)
@@ -2,9 +2,8 @@
 .wrapper                                               { width:83%; padding:36px 8% 36px 8%;}
 .footer .wrapper                                               { padding-left:8%; padding-right:8%; }
 .two-cols  .rt                                                         { width:45% }
-.two-cols .rt img                                              { max-width:100%; }
+.two-cols .rt img,
+.two-cols .lt img                                              { max-width:100%; }
 .two-cols  .lt                                                 { width:45%; }
 .two-cols-blog .rt                                             { width:25%; padding-right:0; margin-left:30px;}
 .top-msg                                                               { margin-left:-9%; margin-right:-9%; padding-left:20%; padding-right:20%; }
-.faq .two-cols .rt                                             { width:35%; }
-.faq .two-cols .lt                                             { width:55%; }
index 48bf568..866e02c 100644 (file)
-body                                                                                   { overflow-y: scroll;}\r
-\r
-.wrapper                                        { margin:0 auto; position:relative; width:820px; padding:36px 70px; }\r
-.container .wrapper,\r
-.footer .wrapper                                { border: 1px solid #808080; border-top:0 none;}\r
-.footer .wrapper                                                               { padding:20px 70px 25px; }\r
-.centered                                       { text-align:center;}\r
-img.left                                                               { margin:0 1em 1em 0; float:left;}\r
-img.right                                                              { margin:0 0 1em 1em; float:right;}\r
-\r
\r
-/* footer */\r
-.footer                                         { font-size:0.923em;color:#B3B3B3; }\r
-.footer a                                       { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s;  -webkit-transition: color 0.15s ease-in-out 0s;  -o-transition: color 0.15s ease-in-out 0s; } \r
-.footer:hover a                                 { color:#808080;}\r
-.footer a:hover                                 { color:#000;}\r
-.footer ul                                      { float:left; margin:0 10px 0 0; width:125px;  padding:0;}\r
-.footer ul li                                   { padding:0; margin:0; list-style:none outside;}\r
-.footer ul li:first-child                       { margin-bottom:1em;   }\r
-.footer .clearfix                               { padding-bottom:20px;}\r
-.footer .clearfix ul:first-child                { margin-left:0;}\r
-\r
-\r
-/*top message*/\r
-.top-msg                                           { margin:-36px -70px 36px; background:blue; padding:50px; color:#fff; display:none; position:relative; font-size:1.538em; text-align:center;}\r
-.top-msg p                                                                             { text-align:center; }\r
-.top-msg p.title                                   { font-size:1.3em;  }\r
-.top-msg p.title span                          { border-bottom:2px dotted #fff; padding:0 0 10px 0;}\r
-.top-msg.active                                { display:block;}\r
-.top-msg +.mainlogo                             { margin-top:-73px;}\r
-.top-msg .close                                 { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;}\r
-.top-msg .close:hover                           { color:#000;}\r
-.top-msg.success                               { background-color:#77C596; color: #fff}\r
-.top-msg.error                                 { background-color:#EF4F54; color: #fff}\r
-.top-msg.warning                                { background-color:#F6921E; color: #fff}\r
-.top-msg.info                                  { background-color:#C3C3B9; color: #fff}\r
-.top-msg.warning a                              { color: #3582AC}\r
-.top-msg.info a                                 { color: #222}\r
-\r
-/* container */\r
-.container .wrapper                             { padding-bottom:100px;}\r
-.mainlogo h1                                                                   { line-height:100%; font-size:1em; }\r
-.container .navigation                          { margin:20px 0 0; font-size:1.154em; height:95px;}\r
-.container .navigation ul                       { margin:5px 0; padding:0;}\r
-.container .navigation ul + ul                                 { font-size:0.933em; }\r
-.container .navigation ul li                    { list-style:none outside; padding:0; margin:0 1em 0 0; display:inline-block;}\r
-.container .navigation ul li a                  { color:#000; text-decoration:none; }\r
-.container .navigation ul li a:hover            { color:#F89A1C; }     \r
-.container .navigation ul li.active a           { color:#F89A1C; }                                     \r
-\r
-.dotted                                         { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}\r
-.full-dotted                                                                   { background:url(../images/dots.jpg) repeat-x top; margin-top:20px; padding-top:20px; }\r
-.full-dotted:first-child                                               { background:none; padding-top:0; margin-top:0; }\r
-.two-cols .rt                                   { float:right; width:400px;}\r
-.two-cols .lt                                   { float:left; width:400px;}\r
-.two-cols-blog .rt                              { float:right; width:220px; margin-left:80px; padding-right:65px;}\r
-.two-cols-blog .lt                                 { overflow:hidden;}\r
-.container h2                                                                  { font-weight:normal; font-size:1.308em; margin-bottom:1em; }\r
-.container h3                                                  { font-weight:normal; margin-bottom:1em; }\r
-.container h2 em                                                               { color: #3582AC; font-style:normal; }\r
-/*.content a                                                           { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
-.content a:hover                                                   { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }*/\r
-\r
-\r
-.content a                                                             { text-decoration:none; }\r
-.content a:hover                                                   { text-decoration:underline; }\r
-\r
-.container ul.options                           { padding:0; margin:0; font-size:1.154em;}\r
-.container ul.options li                        { list-style:none outside; margin:0 0 1em 0;padding:0;}\r
-.container ul.options li h3                                            { font-size:1em; margin-bottom:0; }\r
-.container ul.options li a                                     { border:0 none;}\r
-.container ul.options li a:hover                               { text-decoration:underline;}\r
-.container .extra ul.options                                   { font-size:1em; margin:0 ; padding:15px; }\r
-.landing h2, .landing a:hover                   { color:#01A1AE;}\r
-.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}\r
-.faq .current a                                                                        { text-decoration:underline }\r
-.question h2                                                                   { color:#EF4F54 }\r
-.content .backlink                                                             { margin:1em 0; }\r
-.faq h3                                                                                        { color:#4085a6; margin:0;}\r
-.faq ul                                         { padding:0; margin:0; }\r
-.faq ul li                                      { padding:0; margin:0 0 8px 0; list-style:none outside none;line-height:140%;  }\r
-.faq ul li a                                    { color:#222222; border:0 none; } \r
-.faq .faq-category                                                             { margin: 0 0 1.5em;}\r
-.follow h3 a                                    { color:#4085A6;}\r
-.follow a                                                      { border:0 none;}\r
-.follow ul                                      { margin:0; padding:0;}\r
-.follow ul li                                   { list-style:none outside; padding:0; margin:0 0 20px 0; font-size:0.923em; color:#808080;}\r
-.follow ul li p.title                           { margin-bottom:0; color:#000;}\r
-.follow ul li p.title a                         { color:#000;}\r
-.follow ul li p a                               { color:#808080;}   \r
-.posts ul                                       { margin:0;padding:0; }\r
-.posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }\r
-.posts ul li img                                { max-width:100%; margin-bottom:1em;}\r
-.posts ul li p.info                             { padding-bottom:10px; margin:20px 0; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}\r
-.article p.info                                                                { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }\r
-.article h2, .posts h2                          { color:#ef4f53; }\r
-.posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}\r
-.posts p.date, .article p.date                  { margin:0; font-size:1.077em; color:#3582AC; }\r
-p.info a                                        { color:#808080; border-bottom:0 none; }\r
-p.info a:hover                                  { color:#000; border-bottom:0 none;}\r
-.bg-wrap                                        { background-position:right top; background-repeat:no-repeat;}\r
-.bg-wrap .extra                                 { display:none;}\r
-.bg-wrap.open .extra                            { display:block;}\r
-.bg-wrap .extra .hide-extra                     { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}\r
-.bg-wrap .extra .hide-extra img                 { margin-top:0; vertical-align:top; display:inline; }\r
-.bg-wrap .extra .hide-extra:hover img           { margin-top:-32px;}\r
-.pithos h2,                       \r
-.pithos .extra .options li h3                   { color:#BC742B; }\r
-.cyclades h2,                 \r
-.cyclades .extra .options li h3                 { color:#00A1B0; }\r
-a.btn_01                                        { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}\r
-a.btn_01:hover                                  { background:#3582AC; color:#000; text-decoration:none;}\r
-a.btn_01 em                                     { font-style:normal; display:block; }\r
-a.btn_01 span                                   { color:#fff; }\r
-.lt .box-more                                   { text-align:center; padding:5px 10px; }\r
-.lt .box-more.border                            { border:1px solid #ccc;}\r
-.lt .box-more p                                 { cursor:pointer; background:url(../images/arrow_02.jpg) no-repeat right center; padding-right:20px; }\r
-a.btn_01, .box-more                             { width:80%; margin:0 auto 20px; }\r
-.lt .box-more ul.col                            { width:30%; margin:0; padding:0; vertical-align:top; text-align:left; display:inline-block;}\r
-.lt .box-more .clearfix                         { display:none; }\r
-.lt .box-more ul.col li                         { list-style:none outside; }\r
-.lt .box-more ul.col li a                       { color:#B3B3B3; text-decoration:none; border:0 none;}\r
-.lt .box-more ul.col li a:hover                 { color:#000;}\r
-.article img                                                       { margin-bottom:1em; max-width:100%;}\r
-a.videolink                                                        { border: 0 none; display:block; width:367px; height:207px; background:url(../images/video_image_hover.png) no-repeat; text-decoration:none;}\r
-a.videolink:hover                                              { background:url(../images/video_image.png)no-repeat; text-decoration:none; border:0 none;}\r
-.container .full                                                               { position:relative;}\r
-.container .bottom-bordered                     { border-bottom:1px dashed #000000;margin-bottom:20px }\r
-.container .lt-div                              { width:234px; float:left; }\r
-.container .overflow-hidden                     { overflow:hidden;}\r
-.documentation .wrap                                                   { width:500px; }\r
-\r
-\r
-/* resources*/\r
-.resources .categories .clear                  { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}\r
-.resources  a, .resources  a:hover              { border:0 none;}\r
-.resources .categories ul                          { margin:0;padding:0;}\r
-.resources .categories ul li                    { float: left; list-style:none outside;}\r
-.resources .categories .title                   { margin-bottom: 0.5em; }\r
-.resources .categories ul li a                  { color: #000000;   margin-right: 22px; text-decoration: none; }\r
-.resources .categories ul li a:hover, \r
-.resources .categories ul li a.selected         { color: #000000;}\r
-.resources .categories ul li.active a                  { text-decoration: underline }\r
-.resources .categories ul li.inactive           { opacity: 0.3; }\r
-.resources .categories ul li.active             { opacity: 1; }\r
-.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; }\r
-.resources .list .resource-wrapper.first .resource      { margin-left: 0; }\r
-.resources .list .resource-wrapper              { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; }\r
-.resources .list .resource-wrapper.first        { margin-left: 0; }\r
-.resources .list .resource-wrapper.hidden       { display: none; }\r
-.resources .list .resource                      { border: 1px solid #000000; height: 188px; overflow: hidden; padding: 30px; }\r
-.resources .list .resource .date                { color: #808080; margin-bottom: 3px; }\r
-.resources .list .resource .description         { transition:color top 0.35s ease-in-out 0s; -moz-transition: top 0.35s ease-in-out 0s; -webkit-transition: top 0.35s ease-in-out 0s;          -o-transition: top 0.35s ease-in-out 0s; color: #FFFFFF; font-size: 1.1em; height: 150px; margin-left: -30px; padding: 30px; position: absolute; top: -270px; width: 190px; }\r
-.resources .list .resource .title               { line-height: 1.4em; }\r
-.resources .list .resource .category            { color: #808080; margin-top: 30px; }\r
-.resources .list .resource .category a          { color: #808080; }\r
-.resources .list .resource .download            { bottom: 0; cursor: pointer; font-size: 1.1em; margin-bottom: 3px; margin-left: -10px; position: absolute; width: 190px; }\r
-.resources .list .resource .download a          { color: #000000; display: block; padding: 5px 5px 5px 15px; text-decoration: none; }\r
-.resources .list .resource .download a:hover, \r
-.resources .list .resource .download a .hovered { color: #FF5D00;}\r
-.resources .list .resource .download a:hover .download-image, \r
-.resources .list .resource .download a .hovered .download-image { background-image: url(../images/resource_down_arrow-active.png); }\r
-.resources .list .resource .download a .download-image { background: url(../images/resource_down_arrow.png) no-repeat; display: block; float: left; height: 30px; margin-right: 10px; margin-top: -7px; width: 30px; }\r
-.resources .list .resource .download img        { margin-right: 10px; vertical-align: middle;}\r
-.resources .list .resource:hover .description, \r
-.resources .list .resource .hover .description { display: block; top: 0; }\r
-.resources .list .resource-cat-1.resource               { border-color: #4085A5  }\r
-.resources .list .resource-cat-1.resource .title        { color: #4085A5 }\r
-.resources .list .resource-cat-1.resource .description  { background-color: #4085A5 }\r
-.resources  .filter-item a                                                             { display:inline-block; line-height:100%; }\r
-.resources  .filter-item a:hover                                               { text-decoration:underline }\r
-.resources .list .resource-cat-2.resource               { border-color: #FF6F00  }\r
-.resources .list .resource-cat-2.resource .title        { color: #FF6F00  }\r
-.resources .list .resource-cat-2.resource .description  { background-color: #FF6F00  }\r
-.resources .list .resource-cat-2.resource .description p{ line-height:130%; }\r
-\r
-table                                                                                  { width:80%; color:#B3B3B3;}\r
-table th, table td                                                             { padding:5px 5px 5px 0;  }1234\r
-/*table td                                                                             { border-top: 1px solid #DDDDDD; }*/\r
-table th                                        { color:#222; font-weight:normal;}\r
-table td.consumed                                                              { color: #9D261D; }\r
-\r
-/*.zebra-striped tbody tr:nth-child(2n+1) td, \r
-.zebra-striped tbody tr:nth-child(2n+1) th             { background-color: #F9F9F9; }*/\r
-.zebra-striped tbody tr:hover td, \r
-.zebra-striped tbody tr:hover th                               { color:#000; }\r
-\r
-.buttons-list.fixpos                                                   { position:absolute; bottom:0; right:0; }\r
-.button.back.right                                                             { right: 0; }\r
-.buttons-list .button                                                  { margin-left: 10px; }\r
-.button.back                                                                   {  z-index: 500; }\r
-/* Styles for blue button-like back link\r
-a.button                                                                               { border:0 none;  color: #FFFFFF;  display: inline-block;  text-align: center; background-color: #3582AC; letter-spacing: 1px;  line-height: 22px; padding: 0.8em 22px; text-decoration: none;}\r
-a.button:hover                                                                 { background-color: #F89A1C; border:0 none; color:#fff;}*/\r
-\r
-/*pagination*/\r
-.pagination .next-prev                          { float:left; }\r
-.pagination .nums                               { text-align:right;}\r
-.pagination .nums span                          { color:#000;}\r
-                    \r
-.two-cols .lt .clients-wrapper p                               { padding:0; }\r
-\r
-\r
-/* colors for links */\r
-.container ul.options li a                                             { display:inline-block; line-height:100%; }\r
-.container ul.options li a:hover                               { text-decoration: none; }\r
-.container ul.options li a.red                                 { color:#F24E53 }\r
-.container ul.options li a.red:hover                   { border-bottom:1px solid #F24E53; }\r
-.container ul.options li a.grey                                        { color:#F89A1C }\r
-.container ul.options li a.grey:hover                  { border-bottom:1px solid #F89A1C; }\r
-.container ul.options li a.blue                                        { color:#3582AC }\r
-.container ul.options li a.blue:hover                  { border-bottom:1px solid #3582AC; }\r
-\r
-/* homepage clouds animation */\r
-#animation                                      { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }\r
-#animation div                                  { margin:0 2%; float:left; width:29%; height:100%; position:relative; }                    \r
-#animation div a                                { position:absolute; left:0; top:0; border:0 none; }\r
-#animation div a img                                                   { width:100%; }\r
-#animation p                                   { position:absolute; bottom:0; left:0; width:100%; text-align:center; }\r
-#animation p img                                { display:inline-block; width:65%; }\r
-\r
-/* Weird bug in pages that contain captcha. An extra iframe appears in chrome :S*/\r
-.container +iframe                                                             { display:none; }\r
-\r
-/* Style for im/projects */\r
-table.alt-style                                                                { color:#000; width:100%; }\r
-table.alt-style caption                                                        { font-weight:normal;  font-size:1.154em; }\r
-table.alt-style tr th                                                  { font-weight:normal; color:#3582AC }\r
-table.alt-style tr td                                                  { color:#222; }\r
-table.alt-style tr td:first-child,\r
-table.alt-style tr th:first-child                              { padding-left:5px; }\r
-table.alt-style tr td a                                                        { margin:0 0 0 20px; }\r
-table.alt-style tr td:first-child a                            { margin:0; }\r
-.content a.submit                                                              { margin:0; display:inline-block; margin:10px 0 ;  height:auto; min-width:100px; text-align:center;}\r
-table.alt-style tr:nth-child(2n) td                            { background:#F2F2F2 }\r
-dl.alt-style                                                                   { width:500px; }\r
-dl.alt-style dt                                                                        { width:50%; float:left; color:#3582AC; font-weight:normal;}\r
-dl.alt-style dt:nth-child(2n)                                  { background:black; }\r
-.projects                                                                              { padding-bottom:30px; }\r
-.projects h2 span                                                              { color:#3582AC;}\r
-.projects h2 em                                                                        { float:right; }\r
-.projects h3                                                                   { font-size:1.154em; }\r
-.projects .submit-rt                                                   { margin:0; text-align:right; }\r
-.projects +.buttons-list.fixpos                                        { left:0; right:auto; }\r
-\r
-/* new faq-userguide styles */\r
-\r
-.faq .two-cols .lt                                                             { width:460px; }\r
-.faq .two-cols .rt                                                             { width:340px; text-align:center; }\r
-.lt-small .rt                                                                  { width:520px; }\r
-.lt-small .lt                                                                  { width:280px; }\r
-.unequal-dotted                                                                        { background:url(../images/double-dots-unequal.jpg) no-repeat top center; padding: 30px 0 0 ; margin-top:30px;}\r
-.unequal-dotted:first-child                                            { background:none; padding-top:0; margin-top:0; }\r
-.tirkouaz h2,\r
-.tirkouaz h2 a,\r
-.tirkouaz h3,\r
-.tirkouaz a:hover,\r
-.tirkouaz li.current a                                                 { color:#00A1B0; }\r
-.yellow h2,\r
-.yellow h2 a,\r
-.yellow h3,\r
-.yellow a:hover,\r
-.yellow li.current a                                                   { color:#F6921E; }\r
-.purple h2,\r
-.purple h2 a,\r
-.purple h3,\r
-.purple a:hover,\r
-.purple li.current a                                                   { color:#7B499C; }\r
-.blue h2,\r
-.blue h2 a,\r
-.blue h3,\r
-.blue a:hover,\r
-.blue li.current a                                                             { color:#3582AC; }\r
-.brown h2,\r
-.brown h2 a,\r
-.brown h3,\r
-.brown a:hover,\r
-.brown li.current a                                                            { color:#BC742B; }\r
-\r
-.question .content a:hover                                             { color:#F6921E }\r
-.details .extra-menu                                                   { background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }\r
-.details .extra-menu h3                                                        { margin-bottom:1em; font-weight:bold;}\r
-.details .faq-category h2                                              { font-size:1em; }\r
-.question .next-prev                                                   { margin:10px 0; }\r
-.question .next                                                                        { float:right; }\r
-.details img                                                                   { max-width:100%; }\r
-.question .section                                                             { margin-top:1em; }\r
-.question pre                                                                  { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }\r
-.widjets                                                                               { position:relative; }\r
-.widjets ul                                                                            { margin: 0; padding:0; }\r
-.widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0; }\r
-.widjets li div                                                                        { border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; }\r
-.widjets li div img                                                            { max-width:100%; }\r
-.widjets li .btn                                                               { text-align:center; position:absolute; bottom:0; left:0; right:0; }\r
-.widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }\r
-.widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }\r
-\r
-/* billing styles */\r
-.alt-style .table-div                                                  { border:1px dashed #000; }\r
-.billing table.complex tr:nth-child(2n) td             { background:transparent; }\r
-.billing table.alt-style tr.zebra td                   { background:#F2F2F2; }\r
-.billing .highlight                                                            { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em; position:relative;}\r
-.billing .highlight em                                                 { color:#3582AC; font-style:normal; font-weight:bold; }\r
-.billing table.marginless                                              { margin-bottom:0; }\r
-.billing .sum                                                                  { background:#5A97B8; padding:5px 5px 5px 10px; color:#fff; }\r
-.billing.details .last                                                 { width:15%;}\r
-.billing.details .prelast                                              { width:10%;}\r
-.billing.list .last                                                            { width:20%; }\r
-.billing.list .prelast                                                 { width:20%; }\r
-.billing form                                                                  { margin-top:50px; }\r
-.billing .categories                                                   { margin-bottom:2em; }\r
-.billing .categories .clear                    { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}\r
-.billing  a, .billing  a:hover                 { border:0 none;}\r
-.billing .categories ul                            { margin:0;padding:0;}\r
-.billing .categories ul li                     { float: left; list-style:none outside;}\r
-.billing .categories .title                    { margin-bottom: 0.5em; }\r
-.billing .categories ul li a                   { color: #000000;   margin-right: 22px; text-decoration: none; }\r
-.billing .categories ul li a:hover, \r
-.billing .categories ul li a.selected          { color: #000000;}\r
-.billing .categories ul li.active a                            { text-decoration: underline }\r
-.billing .categories ul li.inactive            { opacity: 0.3; }\r
-.billing .categories ul li.active              { opacity: 1; }\r
-.billing .resource-cat-1.filter-item a,\r
-.billing .resource-cat-1.filter-item a:hover   { color:#ff6f00 }\r
-.billing .resource-cat-2.filter-item a,\r
-.billing .resource-cat-2.filter-item a:hover   { color:#4085A5 }\r
-.billing span.info                                                             { position:absolute;z-index:10; bottom:32px; right:40px; }\r
-.billing span.info em                                                  { display:block; overflow:hidden;  position:absolute; left:0; text-indent:-110px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }\r
-.billing span.info:hover em                                    { background-position:-4px -3px; }\r
-.billing span.info span                                                { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px ; min-height:50px; display:none; font-size:12px;}\r
-.billing span.info:hover span                                  { display:block; }\r
-.billing span.info.foo span                                            { padding:0; background:transparent; left:-48px; top:22px; font-size:12px;}\r
-.billing .highlight a                                                  { float:right; }\r
-.billing .highlight .popup                                             { position:absolute;right:20px; top:40px; width: 100px;  border:1px solid #000; }\r
-.billing table.alt-style tr td                                 { border-top:10px solid #fff; }\r
-.billing table.alt-style .last                                 { text-align:right; }\r
-\r
-.table_sorting tr th                                                   { cursor:pointer; }\r
-\r
-.table_sorting tr th:hover                                             { text-decoration:underline }\r
-\r
-table.alt-style tr.tr1 td,\r
-table.alt-style tr.tmore1 td                                   { background:#F2F2F2 }\r
-table.alt-style tr.tr2 td,\r
-table.alt-style tr.tmore2 td                                   { background:#fff }\r
-table.alt-style tr td.info-td                                  { padding:5px; }\r
-table.alt-style tr td.info-td div                              { padding:15px; border:1px dashed #000 }\r
-table.alt-style tr td a.more-info                              { display:inline-block;  width:17px; height:16px; background:url(../images/plus-minus.png) no-repeat 0 0; margin-left:10px; }\r
-table.alt-style tr td a.more-info:hover                        { background-image:url(../images/plus-minus-hover.png); text-decoration:none;}\r
-table.alt-style tr td a.open                                   { background-position:-16px 0} \r
-\r
-.projects .details a.edit                                              { float:right; margin-left:20px;  }\r
-.projects .details .data                                               { overflow:hidden; }\r
-.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
\ No newline at end of file
+body                                                                                   { overflow-y: scroll;}
+
+.wrapper                                        { margin:0 auto; position:relative; width:820px; padding:36px 70px; }
+.container .wrapper,
+.footer .wrapper                                { border: 1px solid #808080; border-top:0 none;}
+.footer .wrapper                                                               { padding:20px 70px 25px; }
+.centered                                       { text-align:center;}
+img.left                                                               { margin:0 1em 1em 0; float:left;}
+img.right                                                              { margin:0 0 1em 1em; float:right;}
+
+/* footer */
+.footer                                         { font-size:0.923em;color:#B3B3B3; }
+.footer a                                       { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s;  -webkit-transition: color 0.15s ease-in-out 0s;  -o-transition: color 0.15s ease-in-out 0s; } 
+.footer:hover a                                 { color:#808080;}
+.footer a:hover                                 { color:#000;}
+.footer ul                                      { float:left; margin:0 10px 0 0; width:125px;  padding:0;}
+.footer ul li                                   { padding:0; margin:0; list-style:none outside;}
+.footer ul li:first-child                       { margin-bottom:1em;   }
+.footer .clearfix                               { padding-bottom:20px;}
+.footer .clearfix ul:first-child                { margin-left:0;}
+
+
+/*top message*/
+.top-msg                                           { margin:-36px -70px 36px; background:blue; padding:50px; color:#fff; display:none; position:relative; font-size:1.538em; text-align:center;}
+.top-msg p                                                                             { text-align:center; }
+.top-msg p.title                                   { font-size:1.3em;  }
+.top-msg p.title span                          { border-bottom:2px dotted #fff; padding:0 0 10px 0;}
+.top-msg.active                                { display:block;}
+.top-msg +.mainlogo                             { margin-top:-73px;}
+.top-msg .close                                 { position:absolute; bottom:20px; right:20px; font-size:1.3em;  border:0 none; color:#fff; text-decoration:none;}
+.top-msg .close:hover                           { color:#000;}
+.top-msg.success                               { background-color:#77C596; color: #fff}
+.top-msg.error                                 { background-color:#EF4F54; color: #fff}
+.top-msg.warning                                { background-color:#F6921E; color: #fff}
+.top-msg.info                                  { background-color:#C3C3B9; color: #fff}
+.top-msg.warning a                              { color: #3582AC}
+.top-msg.info a                                 { color: #222}
+
+/* container */
+.container .wrapper                             { padding-bottom:100px;}
+.mainlogo h1                                                                   { line-height:100%; font-size:1em; }
+.container .navigation                          { margin:20px 0 0; font-size:1.154em; height:95px;}
+.container .navigation ul                       { margin:5px 0; padding:0;}
+.container .navigation ul + ul                                 { font-size:0.933em; }
+.container .navigation ul li                    { list-style:none outside; padding:0; margin:0 1em 0 0; display:inline-block;}
+.container .navigation ul li a                  { color:#000; text-decoration:none; }
+.container .navigation ul li a:hover            { color:#F89A1C; }     
+.container .navigation ul li.active a           { color:#F89A1C; }                                     
+
+.dotted                                         { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}
+.full-dotted                                                                   { background:url(../images/dots.jpg) repeat-x top; margin-top:20px; padding-top:20px; }
+.full-dotted:first-child                                               { background:none; padding-top:0; margin-top:0; }
+.two-cols .rt                                   { float:right; width:400px;}
+.two-cols .lt                                   { float:left; width:400px;}
+.two-cols-blog .rt                              { float:right; width:220px; margin-left:80px; padding-right:65px;}
+.two-cols-blog .lt                                 { overflow:hidden;}
+.container h2                                                                  { font-weight:normal; font-size:1.308em; margin-bottom:1em; }
+.container h3                                                  { font-weight:normal; margin-bottom:1em; }
+.container h2 em                                                               { color: #3582AC; font-style:normal; }
+/*.content a                                                           { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }
+.content a:hover                                                   { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }*/
+
+
+.content a                                                             { text-decoration:none; }
+.content a:hover                                                   { text-decoration:underline; }
+
+.container ul.options                           { padding:0; margin:0; font-size:1.154em;}
+.container ul.options li                        { list-style:none outside; margin:0 0 1em 0;padding:0;}
+.container ul.options li h3                                            { font-size:1em; margin-bottom:0; }
+.container ul.options li a                                     { border:0 none;}
+.container ul.options li a:hover                               { text-decoration:underline;}
+.container .extra ul.options                                   { font-size:1em; margin:0 ; padding:15px; }
+.landing h2, .landing a:hover                   { color:#01A1AE;}
+.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}
+.faq .current a                                                                        { text-decoration:underline }
+.question h2                                                                   { color:#EF4F54 }
+.content .backlink                                                             { margin:1em 0; }
+.faq h3                                                                                        { color:#4085a6; margin:0;}
+.faq ul                                         { padding:0; margin:0; }
+.faq ul li                                      { padding:0; margin:0 0 8px 0; list-style:none outside none;line-height:140%;  }
+.faq ul li a                                    { color:#222222; border:0 none; } 
+.faq .faq-category                                                             { margin: 0 0 1.5em;}
+.follow h3 a                                    { color:#4085A6;}
+.follow a                                                      { border:0 none;}
+.follow ul                                      { margin:0; padding:0;}
+.follow ul li                                   { list-style:none outside; padding:0; margin:0 0 20px 0; font-size:0.923em; color:#808080;}
+.follow ul li p.title                           { margin-bottom:0; color:#000;}
+.follow ul li p.title a                         { color:#000;}
+.follow ul li p a                               { color:#808080;}   
+.posts ul                                       { margin:0;padding:0; }
+.posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }
+.posts ul li img                                { max-width:100%; margin-bottom:1em;}
+.posts ul li p.info                             { padding-bottom:10px; margin:20px 0; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}
+.article p.info                                                                { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
+.article h2, .posts h2                          { color:#ef4f53; }
+.posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}
+.posts p.date, .article p.date                  { margin:0; font-size:1.077em; color:#3582AC; }
+p.info a                                        { color:#808080; border-bottom:0 none; }
+p.info a:hover                                  { color:#000; border-bottom:0 none;}
+.bg-wrap                                        { background-position:right top; background-repeat:no-repeat;}
+.bg-wrap .extra                                 { display:none;}
+.bg-wrap.open .extra                            { display:block;}
+.bg-wrap .extra .hide-extra                     { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}
+.bg-wrap .extra .hide-extra img                 { margin-top:0; vertical-align:top; display:inline; }
+.bg-wrap .extra .hide-extra:hover img           { margin-top:-32px;}
+.pithos h2,                       
+.pithos .extra .options li h3                   { color:#BC742B; }
+.cyclades h2,                 
+.cyclades .extra .options li h3                 { color:#00A1B0; }
+a.btn_01                                        { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}
+a.btn_01:hover                                  { background:#3582AC; color:#000; text-decoration:none;}
+a.btn_01 em                                     { font-style:normal; display:block; }
+a.btn_01 span                                   { color:#fff; }
+.lt .box-more                                   { text-align:center; padding:5px 10px; }
+.lt .box-more.border                            { border:1px solid #ccc;}
+.lt .box-more p                                 { cursor:pointer; background:url(../images/arrow_02.jpg) no-repeat right center; padding-right:20px; }
+a.btn_01, .box-more                             { width:80%; margin:0 auto 20px; }
+.lt .box-more ul.col                            { width:30%; margin:0; padding:0; vertical-align:top; text-align:left; display:inline-block;}
+.lt .box-more .clearfix                         { display:none; }
+.lt .box-more ul.col li                         { list-style:none outside; }
+.lt .box-more ul.col li a                       { color:#B3B3B3; text-decoration:none; border:0 none;}
+.lt .box-more ul.col li a:hover                 { color:#000;}
+.article img                                                       { margin-bottom:1em; max-width:100%;}
+a.videolink                                                        { border: 0 none; display:block; width:367px; height:207px; background:url(../images/video_image_hover.png) no-repeat; text-decoration:none;}
+a.videolink:hover                                              { background:url(../images/video_image.png)no-repeat; text-decoration:none; border:0 none;}
+.container .full                                                               { position:relative;}
+.container .bottom-bordered                     { border-bottom:1px dashed #000000;margin-bottom:20px }
+.container .lt-div                              { width:234px; float:left; }
+.container .overflow-hidden                     { overflow:hidden;}
+.documentation .wrap                                                   { width:500px; }
+
+
+/* resources*/
+.resources .categories .clear                  { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}
+.resources  a, .resources  a:hover              { border:0 none;}
+.resources .categories ul                          { margin:0;padding:0;}
+.resources .categories ul li                    { float: left; list-style:none outside;}
+.resources .categories .title                   { margin-bottom: 0.5em; }
+.resources .categories ul li a                  { color: #000000;   margin-right: 22px; text-decoration: none; }
+.resources .categories ul li a:hover, 
+.resources .categories ul li a.selected         { color: #000000;}
+.resources .categories ul li.active a                  { text-decoration: underline }
+.resources .categories ul li.inactive           { opacity: 0.3; }
+.resources .categories ul li.active             { opacity: 1; }
+.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; }
+.resources .list .resource-wrapper.first .resource      { margin-left: 0; }
+.resources .list .resource-wrapper              { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; }
+.resources .list .resource-wrapper.first        { margin-left: 0; }
+.resources .list .resource-wrapper.hidden       { display: none; }
+.resources .list .resource                      { border: 1px solid #000000; height: 188px; overflow: hidden; padding: 30px; }
+.resources .list .resource .date                { color: #808080; margin-bottom: 3px; }
+.resources .list .resource .description         { transition:color top 0.35s ease-in-out 0s; -moz-transition: top 0.35s ease-in-out 0s; -webkit-transition: top 0.35s ease-in-out 0s;          -o-transition: top 0.35s ease-in-out 0s; color: #FFFFFF; font-size: 1.1em; height: 150px; margin-left: -30px; padding: 30px; position: absolute; top: -270px; width: 190px; }
+.resources .list .resource .title               { line-height: 1.4em; }
+.resources .list .resource .category            { color: #808080; margin-top: 30px; }
+.resources .list .resource .category a          { color: #808080; }
+.resources .list .resource .download            { bottom: 0; cursor: pointer; font-size: 1.1em; margin-bottom: 3px; margin-left: -10px; position: absolute; width: 190px; }
+.resources .list .resource .download a          { color: #000000; display: block; padding: 5px 5px 5px 15px; text-decoration: none; }
+.resources .list .resource .download a:hover, 
+.resources .list .resource .download a .hovered { color: #FF5D00;}
+.resources .list .resource .download a:hover .download-image, 
+.resources .list .resource .download a .hovered .download-image { background-image: url(../images/resource_down_arrow-active.png); }
+.resources .list .resource .download a .download-image { background: url(../images/resource_down_arrow.png) no-repeat; display: block; float: left; height: 30px; margin-right: 10px; margin-top: -7px; width: 30px; }
+.resources .list .resource .download img        { margin-right: 10px; vertical-align: middle;}
+.resources .list .resource:hover .description, 
+.resources .list .resource .hover .description { display: block; top: 0; }
+.resources .list .resource-cat-1.resource               { border-color: #4085A5  }
+.resources .list .resource-cat-1.resource .title        { color: #4085A5 }
+.resources .list .resource-cat-1.resource .description  { background-color: #4085A5 }
+.resources  .filter-item a                                                             { display:inline-block; line-height:100%; }
+.resources  .filter-item a:hover                                               { text-decoration:underline }
+.resources .list .resource-cat-2.resource               { border-color: #FF6F00  }
+.resources .list .resource-cat-2.resource .title        { color: #FF6F00  }
+.resources .list .resource-cat-2.resource .description  { background-color: #FF6F00  }
+.resources .list .resource-cat-2.resource .description p{ line-height:130%; }
+
+table                                                                                  { width:80%; color:#B3B3B3;}
+table th, table td                                                             { padding:5px 5px 5px 0;  }1234
+/*table td                                                                             { border-top: 1px solid #DDDDDD; }*/
+table th                                        { color:#222; font-weight:normal;}
+table td.consumed                                                              { color: #9D261D; }
+
+/*.zebra-striped tbody tr:nth-child(2n+1) td, 
+.zebra-striped tbody tr:nth-child(2n+1) th             { background-color: #F9F9F9; }*/
+.zebra-striped tbody tr:hover td, 
+.zebra-striped tbody tr:hover th                               { color:#000; }
+
+.buttons-list.fixpos                                                   { position:absolute; bottom:0; right:0; }
+.button.back.right                                                             { right: 0; }
+.buttons-list .button                                                  { margin-left: 10px; }
+.button.back                                                                   {  z-index: 500; }
+/* Styles for blue button-like back link
+a.button                                                                               { border:0 none;  color: #FFFFFF;  display: inline-block;  text-align: center; background-color: #3582AC; letter-spacing: 1px;  line-height: 22px; padding: 0.8em 22px; text-decoration: none;}
+a.button:hover                                                                 { background-color: #F89A1C; border:0 none; color:#fff;}*/
+
+/*pagination*/
+.pagination .next-prev                          { float:right; }
+.pagination .next-prev a                                               { margin-left:15px; }
+.pagination .nums                               { text-align:left;}
+.pagination .nums span                          { color:#000;}
+.pagination .next-prev a.disabled                              { text-decoration: none; color:#ccc; cursor:default; }
+                    
+.two-cols .lt .clients-wrapper p                               { padding:0; }
+
+
+/* colors for links */
+.container ul.options li a                                             { display:inline-block; line-height:100%; }
+.container ul.options li a:hover                               { text-decoration: none; }
+.container ul.options li a.red                                 { color:#F24E53 }
+.container ul.options li a.red:hover                   { border-bottom:1px solid #F24E53; }
+.container ul.options li a.grey                                        { color:grey; }
+.container ul.options li a.grey:hover                  { border-bottom:1px solid grey; }
+.container ul.options li a.blue                                        { color:#3582AC }
+.container ul.options li a.blue:hover                  { border-bottom:1px solid #3582AC; }
+.container ul.options li a.yellow                              { color:#F89A1C; }
+.container ul.options li a.yellow:hover                        { border-bottom:1px solid #F89A1C; }
+
+/* homepage clouds animation */
+#animation                                      { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }
+#animation div                                  { margin:0 2%; float:left; width:29%; height:100%; position:relative; }                    
+#animation div a                                { position:absolute; left:0; top:0; border:0 none; }
+#animation div a img                                                   { width:100%; }
+#animation p                                   { position:absolute; bottom:0; left:0; width:100%; text-align:center; }
+#animation p img                                { display:inline-block; width:65%; }
+
+/* Weird bug in pages that contain captcha. An extra iframe appears in chrome :S*/
+.container +iframe                                                             { display:none; }
+
+/* Style for im/projects */
+table.alt-style                                                                { color:#000; width:100%; }
+table.alt-style caption                                                        { font-weight:normal;  font-size:1.154em; margin-bottom:15px; text-transform:uppercase; }
+table.alt-style tr th                                                  { font-weight:normal; color:#3582AC }
+table.alt-style tr th a                                                        { color:#3582AC }
+table.alt-style tr td                                                  { color:#222; }
+table.alt-style tr td:first-child,
+table.alt-style tr th:first-child                              { padding-left:5px; overflow:hidden; }
+table.alt-style tr td a                                                        { margin:0; }
+table.alt-style tr td:first-child a                            { margin:0; }
+table.alt-style tr th a                                                        { padding-right:20px; }
+table.alt-style tr th.asc a                                            { background:url(../images/arrow_th_bg.png) no-repeat right -48px; }
+table.alt-style tr th.desc a                                   { background:url(../images/arrow_th_bg.png) no-repeat right 6px; }
+.content a.submit                                                              { margin:0; display:inline-block; margin:10px 0 ;  height:auto; min-width:100px; text-align:center;}
+table.alt-style tr:nth-child(2n) td                            { background:#F2F2F2 } 
+dl.alt-style dt                                                                        { width:30%; float:left; color:#3582AC; font-weight:normal;}
+dl.alt-style dt:nth-child(2n)                                  { background:black; }
+dl.alt-style dd                                                                        { overflow:hidden; }
+.projects                                                                              { padding-bottom:30px; position:relative; }
+.projects h2 span                                                              { color:#3582AC;}
+.projects h2 em                                                                        { float:right; }
+.projects h3                                                                   { font-size:1.154em; }
+.projects .submit-rt                                                   { margin:0; text-align:right; }
+.projects +.buttons-list.fixpos                                        { left:0; right:auto; }
+
+/* new faq-userguide styles */
+
+.faq .two-cols .lt                                                             { width:460px; }
+.faq .two-cols .rt                                                             { width:340px; text-align:center; }
+.lt-small .rt                                                                  { width:520px; }
+.lt-small .lt                                                                  { width:280px; }
+.unequal-dotted                                                                        { background:url(../images/double-dots-unequal.jpg) no-repeat top center; padding: 30px 0 0 ; margin-top:30px;}
+.unequal-dotted:first-child                                            { background:none; padding-top:0; margin-top:0; }
+.tirkouaz h2,
+.tirkouaz h2 a,
+.tirkouaz h3,
+.tirkouaz a:hover,
+.tirkouaz li.current a                                                 { color:#00A1B0; }
+.yellow h2,
+.yellow h2 a,
+.yellow h3,
+.yellow a:hover,
+.yellow li.current a                                                   { color:#F6921E; }
+.purple h2,
+.purple h2 a,
+.purple h3,
+.purple a:hover,
+.purple li.current a                                                   { color:#7B499C; }
+.blue h2,
+.blue h2 a,
+.blue h3,
+.blue a:hover,
+.blue li.current a                                                             { color:#3582AC; }
+.brown h2,
+.brown h2 a,
+.brown h3,
+.brown a:hover,
+.brown li.current a                                                            { color:#BC742B; }
+
+.question .content a:hover                                             { color:#F6921E }
+.details .extra-menu                                                   { background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }
+.details .extra-menu h3                                                        { margin-bottom:1em; font-weight:bold;}
+.details .faq-category h2                                              { font-size:1em; }
+.question .next-prev                                                   { margin:10px 0; }
+.question .next                                                                        { float:right; }
+.details img                                                                   { max-width:100%; }
+.question .section                                                             { margin-top:1em; }
+.question pre                                                                  { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }
+/*
+.widjets                                                                               { position:relative; }
+.widjets ul                                                                            { margin: 0; padding:0; }
+.widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0; }
+.widjets li div                                                                        { border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; }
+.widjets li div img                                                            { max-width:100%; }
+.widjets li .btn                                                               { text-align:center; position:absolute; bottom:0; left:0; right:0; }
+.widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }
+.widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }
+
+ */
+.widjets                                                                               { position:relative; }
+.widjets ul                                                                            { margin: 0; padding:0; }
+.widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0;  }
+.widjets li div                                                                        { background:url(../images/dots.jpg) repeat-x top ; margin:0 0 0 20px; position:relative;   padding:2em 0; }
+.widjets li div .wrap                                                  { background:url(../images/dots.jpg) repeat-x bottom ; }
+.widjets li:first-child div                                    { margin-right:20px; margin-left:0; }
+.widjets li div img                                                            { max-width:100%; margin:2em 0; }
+.widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }
+.widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }
+.widjets li.create h2, 
+.widjets li.create a                                                   { color: #55B577}
+.widjets li.join h2, 
+.widjets li.join a                                                             { color: #F24E53}
+.widjets li a                                                                  { font-size:1.154em; }
+.widjets .wrap p:first-child                    { height:200px;margin-bottom:2em; }
+
+/* billing styles */
+.alt-style .table-div                                                  { border:1px dashed #000; }
+.billing table.complex tr:nth-child(2n) td             { background:transparent; }
+.billing table.alt-style tr.zebra td                   { background:#F2F2F2; }
+.billing .highlight                                                            { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em; position:relative;}
+.billing .highlight em                                                 { color:#3582AC; font-style:normal; font-weight:bold; }
+.billing table.marginless                                              { margin-bottom:0; }
+.billing .sum                                                                  { background:#5A97B8; padding:5px 5px 5px 10px; color:#fff; }
+.billing.details .last                                                 { width:15%;}
+.billing.details .prelast                                              { width:10%;}
+.billing.list .last                                                            { width:20%; }
+.billing.list .prelast                                                 { width:20%; }
+.billing form                                                                  { margin-top:50px; }
+.billing .categories                                                   { margin-bottom:2em; }
+.billing .categories .clear                    { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}
+.billing  a, .billing  a:hover                 { border:0 none;}
+.billing .categories ul                            { margin:0;padding:0;}
+.billing .categories ul li                     { float: left; list-style:none outside;}
+.billing .categories .title                    { margin-bottom: 0.5em; }
+.billing .categories ul li a                   { color: #000000;   margin-right: 22px; text-decoration: none; }
+.billing .categories ul li a:hover, 
+.billing .categories ul li a.selected          { color: #000000;}
+.billing .categories ul li.active a                            { text-decoration: underline }
+.billing .categories ul li.inactive            { opacity: 0.3; }
+.billing .categories ul li.active              { opacity: 1; }
+.billing .resource-cat-1.filter-item a,
+.billing .resource-cat-1.filter-item a:hover   { color:#ff6f00 }
+.billing .resource-cat-2.filter-item a,
+.billing .resource-cat-2.filter-item a:hover   { color:#4085A5 }
+.billing span.info                                                             { position:absolute;z-index:10; bottom:32px; right:40px; }
+.billing span.info em                                                  { display:block; overflow:hidden;  position:absolute; left:0; text-indent:-110px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }
+.billing span.info:hover em                                    { background-position:-4px -3px; }
+.billing span.info span                                                { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px ; min-height:50px; display:none; font-size:12px;}
+.billing span.info:hover span                                  { display:block; }
+.billing span.info.foo span                                            { padding:0; background:transparent; left:-48px; top:22px; font-size:12px;}
+.billing .highlight a                                                  { float:right; }
+.billing .highlight .popup                                             { position:absolute;right:20px; top:40px; width: 100px;  border:1px solid #000; }
+.billing table.alt-style tr td                                 { border-top:10px solid #fff; }
+.billing table.alt-style .last                                 { text-align:right; }
+
+.table_sorting tr th                                                   { cursor:pointer; }
+
+.table_sorting tr th:hover                                             { text-decoration:underline }
+
+table.alt-style tr.tr1 td,
+table.alt-style tr.tmore1 td                                   { background:#F2F2F2 }
+table.alt-style tr.tr2 td,
+table.alt-style tr.tmore2 td                                   { background:#fff }
+table.alt-style tr td.info-td                                  { padding:5px; }
+table.alt-style tr td.info-td div                              { padding:15px; border:1px dashed #000 }
+
+.projects .details a.edit                                              { margin-left:20px;  }
+.projects .details .data                                               { overflow:hidden; }
+.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
+
+
+/* quotas-form  */
+
+.quotas-form fieldset                                                  { background:url(../images/dots.jpg) repeat-x scroll center bottom transparent; margin-bottom:3em; padding-bottom:5em; position:relative; }
+.quotas-form fieldset#icons                                            { padding-bottom:3em; }
+.quotas-form legend                                                            { color:#55B577; font-size:1.308em;   position:relative; }
+
+/* workaround for fixing bug with legend margin*/
+.quotas-form legend+div                                                        { margin-top:3em; -webkit-margin-top-collapse: separate; }
+.quotas-form fieldset#icons legend+ul                  { margin-top:3em; -webkit-margin-top-collapse: separate; }
+.quotas-form fieldset.quota legend+ul                  { margin-top:2em; -webkit-margin-top-collapse: separate; }
+/* end of workaround*/
+
+.quotas-form legend span                                               { color:#222; font-size:0.867em; }
+form.quotas-form legend span.info                              { position:relative; display:inline-block; top:auto; left:auto;  margin-left:10px; vertical-align:middle; margin-top:-2px;}
+form.quotas-form legend span.info em                   { position:static; }
+form.quotas-form legend span.info span                 { width:530px; }
+form.quotas-form  span.info span                               { width:285px;  }
+.quotas-form .with-checkbox .checkbox-widget   { margin-top:9px; } 
+.quotas-form .with-checkbox span.info                  { top:12px; }
+.quotas-form .form-row.submit                                  { text-align:center; }
+.quotas-form input[type="submit"]                              { margin:15px 0; background-color:#B3B3B3 }
+.quotas-form input[type="submit"]:hover                        { background:#55B577 }
+.quotas-form input[type="submit"]:focus                        { border-color: #B3B3B3}
+.quotas-form input[type="submit"]:focus:hover  { border-color: #55B577}
+.quotas-form input[type="submit"].lt                   { position:absolute; left:0; top:0; }
+.quotas-form fieldset ul                                               { padding:0; margin:0 0 1em; position:relative; }
+.quotas-form fieldset ul li                                            { list-style:none outside none; float:left; margin:0 0 0 60px; padding:0; }
+.quotas-form fieldset ul li:first-child                        { margin-left:0; }
+.quotas-form fieldset ul li a                                  { display:block; width:82px; height:82px; overflow:hidden; }
+.quotas-form fieldset ul li a:hover    img                     { margin-top:-84px; }
+.quotas-form fieldset ul li a.selected img             { margin-top:-168px; }
+.quotas-form fieldset ul li a.selected:hover   { cursor:default }
+.quotas-form fieldset ul li a.selected:focus   { outline:0 none; }
+.quotas-form fieldset ul li p                                  { position:absolute; top:95px; left:0; display: none;}
+.quotas-form fieldset ul li:hover p                            { display:block; }
+.quotas-form p.msg                                                             { color:#B3B3B3; }
+.quotas-form a.delete                                                  { position:absolute; right:0; top:0; color:#B3B3B3; z-index:2 }
+.quotas-form .group                                                            { display:none; position:relative; background:url(../images/dots.jpg) repeat-x scroll center bottom; margin-bottom:2em; padding-bottom:2em;}
+.quotas-form .group fieldset                                   { background:transparent; margin-bottom:1em; padding-bottom:1em; }
+.quotas-form .group fieldset legend                            {  }
+.quotas-form fieldset ul li.rel+li.rel                 { background:url(../images/quota-related-bg.png) no-repeat left center; }
+.quotas-form .double-checks label                              { font-size:1.077em; }
+.quotas-form .double-checks .form-row                  { float:left; margin-right:10px;}
+.quotas-form .double-checks .with-checkbox .checkbox-widget    { left:0; }
+.quotas-form .double-checks .with-checkbox input[type="text"]  { width:60px; float:left; margin:9px 15px -9px; display:none; padding:6px; }
+.quotas-form .double-checks .with-checkbox label{ width:auto; float:left; margin-left:35px; }
+.quotas-form .double-checks .with-checkbox input[type="text"].hideshow { display:block; }
+.quotas-form .with-checkbox+.with-checkbox             { width:196px; }
+.summary dl.alt-style dt                                               { color:#55B577; }
+.quotas-form .with-info .double-checks p               { clear:both; }
+.quotas-form .with-info .with-checkbox+.with-checkbox          { width:auto; }
+.quotas-form .with-info .double-checks                         { position:relative; margin-bottom:70px; }
+.quotas-form .with-info .double-checks .form-row+.form-row                                     { position:absolute; left:224px; top:40px;}
+.quotas-form .with-info .double-checks span.info { left:262px; }
+.quotas-form .with-info .with-checkbox                 { margin-bottom:12px; }  
+.quotas-form .quota input[type="text"]                 { width:150px;}
+.quotas-form .quota .error-msg                                         { display:none; color:red; font-size:0.8em; margin:0; margin-left:224px; margin-bottom:5px; padding:5px; }
+.quotas-form .quota .with-errors .error-msg            { display:block;}         
+form input[type="text"]::-webkit-input-placeholder,
+form textarea::-webkit-input-placeholder                                                               { color: #D4D4D4; font-style:italic; }
+form input[type="text"]:-moz-placeholder,
+form textarea:-moz-placeholder                                                                                         { color: #D4D4D4; font-style:italic; }
+form input[type="text"]::-moz-placeholder,
+ form textarea::-moz-placeholder                                                                               { color: #D4D4D4; font-style:italic; }
+form input[type="text"]:-ms-input-placeholder,
+ form textarea:-ms-input-placeholder                                                                   { color: #D4D4D4; font-style:italic; }
+
+
+/* stats */
+.stats ul                                                                              { margin:0; padding:0; list-style:none outside none; }
+.stats ul li                                                                   { margin:0 0 1em 0; padding:0 0 1em 0; list-style:none outside none; background:url(../images/stats-line.jpg) repeat-x left bottom}
+.stats .bar                                                                            { padding: 0; text-align:center;  float:left; width:200px;}
+.stats .bar div                                                                        { width:340px; height:30px; border:1px solid #000; margin-top:20px; overflow:hidden;}
+.stats .bar span                                                               { text-align:right; display:block; height:100%; position: relative; overflow: visible; }
+.stats .bar span.value                                                 { background-color: transparent !important; }
+.stats .bar span em                                                            { color:#000; }
+.stats .bar span em.hovered                                    { color:#fff; }
+.stats .bar em { 
+    font-style:normal; 
+    color:#222;  
+    line-height:30px; 
+    font-size:1.231em; 
+    padding-left:10px; 
+    position: absolute;
+    right: 10px;
+    left: 10px;
+}
+.stats .red .bar span                                                  { background:#ef4f54; }
+.stats .yellow .bar span                                               { background:#f6921e; }
+.stats .green .bar span                                                        { background:#55b577; }
+.stats .img-wrap                                                               { float:left; width:100px; background:url(../images/statistics_icons.png) no-repeat center center; padding:30px 0; }
+.stats .info                                                                   { margin:0 25px ; width:320px; float:left;  }
+.stats .info p                                                                 { color:#999; margin:0; }
+.stats .info h3                                                                        { font-size:1.231em; color:#222222 }
+.stats .vm .img-wrap                                                   { background-image:url(../images/vm-stats.png) }
+.stats .ram .img-wrap                                                  { background-image:url(../images/ram-stats.png) }
+.stats .cpu .img-wrap                                                  { background-image:url(../images/cpu-stats.png) }
+.stats .network .img-wrap                                              { background-image:url(../images/network-stats.png) }
+.stats .disksize .img-wrap                                             { background-image:url(../images/disk-stats.png) }
+.stats .disk .img-wrap                                                 { background-image:url(../images/disk-stats.png) }
+.stats .diskspace .img-wrap                                            { background-image:url(../images/storage-stats.png) }
+.stats .bandwidth .img-wrap                                            { background-image:url(../images/bandwidth-stats.png) }
+
+.stats .red .img-wrap                                                  { background-position: 15px 7px; }
+.stats .yellow .img-wrap                                               { background-position: -124px 7px; }
+.stats .green .img-wrap                                                        { background-position: -263px 7px; }
+.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
+
+
+table .msg-wrap                                                                        { position:relative; display:inline-block; }
+table .msg-wrap .dialog                                                        { position:absolute; border:1px dashed #ccc;  padding:15px; width:200px; bottom:30px; right:0; background:#fff; display:none; }
+table .msg-wrap .dialog .submit                                        { min-width:30px; padding:5px 22px; }
+table .msg-wrap .dialog .no.submit                             { float:right; }
+table.alt-style .centered                                              { text-align:center; }
+table.alt-style form.link-like                                 { float:none}
+table.alt-style .project_action div:first-child form   { margin:0; }
+
+form.quotas-form span.error-msg span                   { display:block; color:red; }
+form.quotas-form span.error-msg em,
+form.quotas-form span.error-msg:hover em               { background-position:-58px -3px; }
+.two-cols-links                                                                        { margin:5em 0; }
+.two-cols-links p                                                              { width:auto; overflow:hidden; }
+.two-cols-links a                                                              { color:grey; display:block; margin-bottom:10px;}
+.two-cols-links a:hover                                                        { color:#F89A1C }
+.two-cols-links p:first-child                                  { width:224px; float:left; overflow:auto }
+.two-cols-links p:first-child a                                        { color:#222; }
+.two-cols-links p:first-child a:hover                  { color:#F89A1C }
+
+.summary .quotas-form legend                                   { margin-bottom:1em; }
+.projects  p.restricted                                                        { width:524px; }
+.hidden-submit .form-row.submit                                        { display:none; }
+form.withlabels.hidden-submit                                  { margin-bottom:4em; }
+.how-it-works .wrap                                                            { position:relative; width:735px; height:1074px; margin:0 auto; }
+.content .how-it-works a.submit                                        { position:absolute; right:36px; bottom:50px;  background-color:#B3B3B3 }
+.content .how-it-works a.submit:hover                  { background:#55B577 }
+.content .how-it-works a.submit:focus                  { border-color: #B3B3B3}
+.content .how-it-works a.submit:focus:hover            { border-color: #55B577}
+.content .how-it-works .map                                            { display:block; width:232px; height:261px; position:absolute; text-decoration:none;}
+.content .how-it-works .link-13                                        { top:10px; right:14px; }
+.content .how-it-works .link-21                                        { top:273px; left:14px; }
+.content .how-it-works .link-22                                        { top:273px; left:251px; }
+.content .how-it-works .link-33                                        { bottom:275px; right:14px; }
+.content .how-it-works .link-42                                        { bottom:12px; left:251px; }
+
+.auth_methods                                                                  { margin-top:2em; padding-bottom:1em; }
+.auth_methods ul                                                               { margin:1em 0; padding:0; list-style:none outside none; }
+.auth_methods ul li                                                    { margin:0 0 1em 0; padding:0; list-style:none outside none; font-size:1.154em; }
+.auth_methods ul li>a                                                  { padding-right:20px; background:url(../images/arrow-down_green.png) no-repeat center right; color:#55B577 }
+.auth_methods ul li>a.up                                               { background-image:url(../images/arrow-up_green.png); }
+.auth_methods ul li .wrap                                              { font-size:0.867em; margin-top:1em; display:none; }
+.auth_methods ul li .actions a                                 { margin-right:20px; }
+.auth_methods ul li a.red                                              { color:#F24E53; }
+.auth_methods ul.notassigned                                   { margin-top:3em; }
+.auth_methods ul.notassigned li>a                              { background:transparent; color: #F89A1C}
+.auth_methods .dialog-wrap                                             { display:inline; position:relative; }
+.auth_methods .dialog                                                  { background:#fff; border:1px dashed #ccc; position:absolute; bottom:30px; left:0; padding:15px; width:220px; display:none;}
+.auth_methods .dialog .submit                                  { min-width:30px; padding:5px 22px; } 
+.right-align                                                                   { text-align:right; }                   
+
+
+/* login section */
+.login-section {}
+.main-login-method                                                             { margin-bottom: 20px;}
+
+
+
+.stats .bar span {
+    transition: width 1s, background-color 0.3s;
+    -moz-transition: width 1s, background-color 0.3s; /* Firefox 4 */
+    -webkit-transition: width 1s, background-color 0.3s; /* Safari and Chrome */
+    -o-transition: width 1s, background-color 0.3s; /* Opera */
+}
+
+.stats .bar em {
+    transition: width 1s, color 0.2s;
+    -moz-transition: width 1s, color 0.2s; /* Firefox 4 */
+    -webkit-transition: width 1s, color 0.2s; /* Safari and Chrome */
+    -o-transition: width 1s, color 0.2s; /* Opera */
+}
+
+i.tiny { font-size: 0.8em; color: #999;}
diff --git a/cloudcms/static/cloudcms/css/uniform.default.css b/cloudcms/static/cloudcms/css/uniform.default.css
new file mode 100644 (file)
index 0000000..3e7e485
--- /dev/null
@@ -0,0 +1,616 @@
+/*
+
+Uniform Theme: Uniform Default
+Version: 1.6
+By: Josh Pyles
+License: MIT License
+---
+For use with the Uniform plugin:
+http://pixelmatrixdesign.com/uniform/
+---
+Generated by Uniform Theme Generator:
+http://pixelmatrixdesign.com/uniform/themer.html
+
+*/
+
+/* Global Declaration */
+
+div.selector, 
+div.selector span, 
+div.checker span,
+div.radio span, 
+div.uploader, 
+div.uploader span.action,
+div.button,
+div.button span {
+  background-image: url(../images/sprite.png);
+  background-repeat: no-repeat;
+  -webkit-font-smoothing: antialiased;
+}
+
+.selector, 
+.radio, 
+.checker, 
+.uploader,
+.button, 
+.selector *, 
+.radio *, 
+.checker *, 
+.uploader *,
+.button *{
+  margin: 0;
+  padding: 0;
+}
+
+/* INPUT & TEXTAREA */
+
+input.text,
+input.email, 
+input.password,
+textarea.uniform {
+  font-size: 12px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  padding: 3px;
+  color: #777;
+  background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
+  background: url('../images/bg-input.png') repeat-x 0px 0px;
+  border-top: solid 1px #aaa;
+  border-left: solid 1px #aaa;
+  border-bottom: solid 1px #ccc;
+  border-right: solid 1px #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  outline: 0;
+}
+
+input.text:focus,
+input.email:focus,
+input.password:focus,
+textarea.uniform:focus {
+  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  border-color: #999;
+  background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
+}
+
+/* SPRITES */
+
+/* Select */
+
+div.selector {
+  background-position: -483px -130px;
+  line-height: 26px;
+  height: 26px;
+}
+
+div.selector span {
+  background-position: right 0px;
+  height: 26px;
+  line-height: 26px;
+}
+
+div.selector select {
+  /* change these to adjust positioning of select element */
+  top: 0px;
+  left: 0px;
+}
+
+div.selector:active, 
+div.selector.active {
+  background-position: -483px -156px;
+}
+
+div.selector:active span, 
+div.selector.active span {
+  background-position: right -26px;
+}
+
+div.selector.focus, div.selector.hover, div.selector:hover {
+  background-position: -483px -182px;
+}
+
+div.selector.focus span, div.selector.hover span, div.selector:hover span {
+  background-position: right -52px;
+}
+
+div.selector.focus:active,
+div.selector.focus.active,
+div.selector:hover:active,
+div.selector.active:hover {
+  background-position: -483px -208px;
+}
+
+div.selector.focus:active span,
+div.selector:hover:active span,
+div.selector.active:hover span,
+div.selector.focus.active span {
+  background-position: right -78px;
+}
+
+div.selector.disabled {
+  background-position: -483px -234px;
+}
+
+div.selector.disabled span {
+  background-position: right -104px;
+}
+
+/* Checkbox */
+
+div.checker {
+  width: 19px;
+  height: 19px;
+}
+
+div.checker input {
+  width: 19px;
+  height: 19px;
+}
+
+div.checker span {
+  background-position: 0px -260px;
+  height: 19px;
+  width: 19px;
+}
+
+div.checker:active span, 
+div.checker.active span {
+  background-position: -19px -260px;
+}
+
+div.checker.focus span,
+div.checker:hover span {
+  background-position: -38px -260px;
+}
+
+div.checker.focus:active span,
+div.checker:active:hover span,
+div.checker.active:hover span,
+div.checker.focus.active span {
+  background-position: -57px -260px;
+}
+
+div.checker span.checked {
+  background-position: -76px -260px;
+}
+
+div.checker:active span.checked, 
+div.checker.active span.checked {
+  background-position: -95px -260px;
+}
+
+div.checker.focus span.checked,
+div.checker:hover span.checked {
+  background-position: -114px -260px;
+}
+
+div.checker.focus:active span.checked,
+div.checker:hover:active span.checked,
+div.checker.active:hover span.checked,
+div.checker.active.focus span.checked {
+  background-position: -133px -260px;
+}
+
+div.checker.disabled span,
+div.checker.disabled:active span,
+div.checker.disabled.active span {
+  background-position: -152px -260px;
+}
+
+div.checker.disabled span.checked,
+div.checker.disabled:active span.checked,
+div.checker.disabled.active span.checked {
+  background-position: -171px -260px;
+}
+
+/* Radio */
+
+div.radio {
+  width: 25px;
+  height: 25px;
+  
+}
+
+div.radio input {
+  width: 25px;
+  height: 25px;
+}
+
+div.radio span {
+  height: 25px;
+  width: 25px;
+  background:transparent;
+}
+
+div.radio span span {
+        border:1px solid grey;
+}
+div.radio:active span, 
+div.radio.active span {
+  background-image: url(../images/checkbox.png);
+  background-position:top left;
+}
+
+div.radio.focus span, 
+div.radio:hover span {
+  background:transparent;
+}
+
+div.radio.focus:active span,
+div.radio:active:hover span,
+div.radio.active:hover span,
+div.radio.active.focus span {
+  background-image: url(../images/checkbox.png);
+}
+
+div.radio span.checked {
+ background-image: url(../images/checkbox.png);
+}
+
+div.radio:active span.checked,
+div.radio.active span.checked {
+  background-image: url(../images/checkbox.png);
+}
+
+div.radio.focus span.checked, div.radio:hover span.checked {
+  background-image: url(../images/checkbox.png);
+}
+
+div.radio.focus:active span.checked, 
+div.radio:hover:active span.checked,
+div.radio.focus.active span.checked,
+div.radio.active:hover span.checked {
+  background-image: url(../images/checkbox.png);
+}
+
+div.radio.disabled span,
+div.radio.disabled:active span,
+div.radio.disabled.active span {
+  background-position: -144px -279px;
+}
+
+div.radio.disabled span.checked,
+div.radio.disabled:active span.checked,
+div.radio.disabled.active span.checked {
+  background-position: -162px -279px;
+}
+
+/* Uploader */
+
+div.uploader {
+  background-position: 0px -297px;
+  height: 28px;
+}
+
+div.uploader span.action {
+  background-position: right -409px;
+  height: 24px;
+  line-height: 24px;
+}
+
+div.uploader span.filename {
+  height: 24px;
+  /* change this line to adjust positioning of filename area */
+  margin: 2px 0px 2px 2px;
+  line-height: 24px;
+}
+
+div.uploader.focus,
+div.uploader.hover,
+div.uploader:hover {
+  background-position: 0px -353px;
+}
+
+div.uploader.focus span.action,
+div.uploader.hover span.action,
+div.uploader:hover span.action {
+  background-position: right -437px;
+}
+
+div.uploader.active span.action,
+div.uploader:active span.action {
+  background-position: right -465px;
+}
+
+div.uploader.focus.active span.action,
+div.uploader:focus.active span.action,
+div.uploader.focus:active span.action,
+div.uploader:focus:active span.action {
+  background-position: right -493px;
+}
+
+div.uploader.disabled {
+  background-position: 0px -325px;
+}
+
+div.uploader.disabled span.action {
+  background-position: right -381px;
+}
+
+div.button {
+  background-position: 0px -523px;
+}
+
+div.button span {
+  background-position: right -643px;
+}
+
+div.button.focus,
+div.button:focus,
+div.button:hover,
+div.button.hover {
+  background-position: 0px -553px;
+}
+
+div.button.focus span,
+div.button:focus span,
+div.button:hover span,
+div.button.hover span {
+  background-position: right -673px; 
+}
+
+div.button.active,
+div.button:active {
+  background-position: 0px -583px;
+}
+
+div.button.active span,
+div.button:active span {
+  background-position: right -703px;
+  color: #555;
+}
+
+div.button.disabled,
+div.button:disabled {
+  background-position: 0px -613px;
+}
+
+div.button.disabled span,
+div.button:disabled span {
+  background-position: right -733px;
+  color: #bbb;
+  cursor: default;
+}
+
+/* PRESENTATION */
+
+/* Button */
+
+div.button {
+  height: 30px;
+}
+
+div.button span {
+  margin-left: 13px;
+  height: 22px;
+  padding-top: 8px;
+  font-weight: bold;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  padding-left: 2px;
+  padding-right: 15px;
+}
+
+/* Select */
+div.selector {
+  width: 190px;
+  font-size: 12px;
+}
+
+div.selector select {
+  min-width: 190px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  border: solid 1px #fff;
+}
+
+div.selector span {
+  padding: 0px 25px 0px 2px;
+  cursor: pointer;
+}
+
+div.selector span {
+  color: #666;
+  width: 158px;
+  text-shadow: 0 1px 0 #fff;
+}
+
+div.selector.disabled span {
+  color: #bbb;
+}
+
+/* Checker */
+div.checker {
+  margin-right: 5px;
+}
+
+/* Radio */
+div.radio {
+  margin-right: 3px;
+}
+
+/* Uploader */
+div.uploader {
+  width: 190px;
+  cursor: pointer;
+}
+
+div.uploader span.action {
+  width: 85px;
+  text-align: center;
+  text-shadow: #fff 0px 1px 0px;
+  background-color: #fff;
+  font-size: 11px;
+  font-weight: bold;
+}
+
+div.uploader span.filename {
+  color: #777;
+  width: 82px;
+  border-right: solid 1px #bbb;
+  font-size: 11px;
+}
+
+div.uploader input {
+  width: 190px;
+}
+
+div.uploader.disabled span.action {
+  color: #aaa;
+}
+
+div.uploader.disabled span.filename {
+  border-color: #ddd;
+  color: #aaa;
+}
+/*
+
+CORE FUNCTIONALITY 
+
+Not advised to edit stuff below this line
+-----------------------------------------------------
+*/
+
+.selector, 
+.checker, 
+.button, 
+.radio, 
+.uploader {
+  display: -moz-inline-box;
+  display: inline-block;
+  vertical-align: middle;
+  zoom: 1;
+  *display: inline;
+}
+
+.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
+  outline: 0;
+}
+
+/* Button */
+
+div.button a,
+div.button button,
+div.button input {
+  position: absolute;
+}
+
+div.button {
+  cursor: pointer;
+  position: relative;
+}
+
+div.button span {
+  display: -moz-inline-box;
+  display: inline-block;
+  line-height: 1;
+  text-align: center;
+}
+
+/* Select */
+
+div.selector {
+  position: relative;
+  padding-left: 10px;
+  overflow: hidden;
+}
+
+div.selector span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+div.selector select {
+  position: absolute;
+  opacity: 0;
+  filter: alpha(opacity:0);
+  height: 25px;
+  border: none;
+  background: none;
+}
+
+/* Checker */
+
+div.checker {
+  position: relative;
+}
+
+div.checker span {
+  display: -moz-inline-box;
+  display: inline-block;
+  text-align: center;
+}
+
+div.checker input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  display: inline-block;
+  background: none;
+}
+
+/* Radio */
+
+div.radio {
+  position: relative;
+}
+
+div.radio span {
+  display: -moz-inline-box;
+  display: inline-block;
+  text-align: center;
+}
+
+div.radio input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  text-align: center;
+  display: inline-block;
+  background: none;
+}
+
+/* Uploader */
+
+div.uploader {
+  position: relative;
+  overflow: hidden;
+  cursor: default;
+}
+
+div.uploader span.action {
+  float: left;
+  display: inline;
+  padding: 2px 0px;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+div.uploader span.filename {
+  padding: 0px 10px;
+  float: left;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: default;
+}
+
+div.uploader input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  float: right;
+  height: 25px;
+  border: none;
+  cursor: default;
+}
\ No newline at end of file
index c93fe8d..ebf9d2a 100644 (file)
@@ -202,7 +202,6 @@ $(document).ready(function() {
        });\r
        \r
        \r
-       $(".table_sorting").tablesorter(); \r
        \r
        // Billing functionality\r
        $('.billing table.complex tr:nth-child(4n+1), .billing table.complex tr:nth-child(4n+2)').addClass('zebra');\r
@@ -225,4 +224,4 @@ $(window).resize(function() {
                $('.widjets  li div').equalHeights();\r
        }\r
 \r
-}); 
\ No newline at end of file
+}); \r