Custom top message for cms
[snf-cloudcms] / cloudcms / static / cloudcms / css / modules.css
index 259d1d4..8ff9a85 100644 (file)
-.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 22px 0 0; width:140px;  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:100px 200px; color:#fff; display:none; position:relative; font-size:1.538em;}\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
-\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 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
-.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, .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
-.container ul.options                           { font-size:1.231em; padding:0; margin:0;}\r
-.container ul.options li                        { list-style:none outside; margin:0 0 1em 0;padding:0;}\r
-.container ul.options li a                                     { border:0 none;}\r
-.container ul.options li a:hover                               { text-decoration:underline;}\r
-.landing h2, .landing a:hover                   { color:#01A1AE;}\r
-.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}\r
-.content .question h2                                                  { color:#4085A6 }\r
-.content .backlink                                                             { margin:1em 0; }\r
-.content .question .backlink a                                 { border:0 none; color:#F89A1C }\r
-.content .question .backlink a:hover                   { text-decoration:underline; }\r
-.faq h3                                                                                        { color:#4085a6; margin:0;}\r
-.faq ul                                         { padding:0; margin:0; }\r
-.faq ul li                                      { list-style:none outside; padding:0; margin:0;  }\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-bottom:20px; 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.231em; color:#01a1ae; }\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:-16px;}\r
-.cyclades .bg-wrap .extra .hide-extra:hover img { margin-top:-32px;}\r
-.pithos h2, .pithos a:hover,                     \r
-.pithos .extra .options li                      { color:#F89A1C; }\r
-.cyclades h2, .cyclades a:hover,                     \r
-.cyclades .extra .options li                    { color:#4085A6; }\r
-.cyclades a                                                                { border-bottom:1px solid #4085A6; }\r
-.cyclades a:hover                                                          { border-bottom:1px solid #4085A6; }\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:#01A1AE; color:#000; border:0 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
-\r
-\r
-/* resources*/\r
-.resources .categories .clear                  { color: #000000; position:relative; top:-1px;}\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.inactive           { opacity: 0.3; }\r
-.resources .categories ul li.active             { font-weight: bold; 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   .resource-cat-1.filter-item a              { color: #4085A5  }\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  .resource-cat-2.filter-item a               { color: #FF6F00  }\r
-\r
-table                                                                                  { width:80%; color:#B3B3B3;}\r
-table th, table td                                                             { padding:5px 5px 5px 0;  }\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                               { background-color: #F5F5F5; }\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
-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 a                                   { border:0 none;}\r
-.pagination .next-prev                          { float:left; }\r
-.pagination .nums                               { text-align:right;}\r
-.pagination .nums span                          { color:#F89A1C;}\r
-                    \r
-.two-cols .lt .clients-wrapper p                               { padding:0; }
\ 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 .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; }
+.top-msg.error                                 { background-color:#EF4F54; }
+.top-msg.warning                                { background-color:#F6921E; }
+.top-msg.info                                  { background-color:#C3C3B9; } 
+
+/* 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:1.5em; }
+.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;}
+.faq .question.details ul li                                   { list-style:circle inside none; }
+.faq .question.details ul li a                                 { color:#F6921E } 
+.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; }
+.container ul.options li a.brown                               { color:#BC742B; }
+.container ul.options li a.brown:hover                 { border-bottom:1px solid #BC742B; }
+.container ul.options li a.tirkouaz                            { color:#00A1B0; }
+.container ul.options li a.tirkouaz:hover              { border-bottom:1px solid #00A1B0; }
+/* 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; bottom: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; }
+/* grey green buttons 
+.quotas-form input[type="submit"]                              { 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; }
+
+.form-row.submit .rt-link                                              { position:absolute; right:70px;bottom:15px; }
+.quotas-form .form-row.submit .rt-link                 { right:0; bottom:30px }
+.form-row.submit .rt-link.reset                                        { right:15px; }
+.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;}
+
+/* quota form errors  */
+.quotas-form .quota .with-errors input[type="text"]            { border-color:#222; color:grey;}
+.quotas-form .quota .with-errors.strong-error input[type="text"]               { border-color:red; color:#9D261D}
+.quotas-form .quota .with-errors .extra-img            { display:none;  }
+.quotas-form .quota .with-errors.strong-error .extra-img               { display:block;  }
+.quotas-form .quota .with-errors  span.info    { display:block; }
+.quotas-form .quota .error-msg                                         { display:none; color:#B3B3B3; font-size:0.8em; margin:0; margin-left:224px; margin-bottom:5px; padding:5px; }
+.quotas-form .quota .with-errors .error-msg            { display:block;}         
+.quotas-form .quota .strong-error .error-msg   { color:red; }
+.quotas-form .quota .with-errors label                 { color:#222; }
+.quotas-form .quota .with-errors.strong-error label                    { color:#E4776F }
+
+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;   float:left; }
+.stats .bar div                                                                        { width:340px; height:30px; border:1px solid #000; margin-top:20px; overflow:hidden;}
+.stats .bar span                                                               { text-align:right; display:block; float:left; height:100%; position: relative; overflow: visible; }
+.stats .bar span.hovered                                               {  }
+.stats .bar span.value                                                 { background-color: transparent !important; }
+.stats .bar span em                                                            { color:#000; }
+.stats .bar span.hovered em                                    { color:#fff; }
+.stats .bar em { 
+    font-style:normal; 
+    color:#222;  
+    line-height:30px; 
+    font-size:1.231em; 
+    padding-left:10px; 
+     
+}
+
+.stats .bar span + em                                                  { position: }
+.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; }                   
+
+.auth_methods h3                                                               { float:left; width:224px; font-size:1.077em;}
+.auth_methods ul                                                               { overflow:hidden; padding:0; }
+.auth_methods ul li                                                            { list-style:none outside none; padding:0; margin:0 0 5px 0; position:relative;}
+.auth_methods ul li a                                                  { display:inline-block; height:50px; overflow:hidden; vertical-align:middle; }
+.auth_methods ul li a:hover img                                        { margin-top:-240px; }
+.auth_methods ul li span.extra-message                 { display:none;  color:#F6921E; position:absolute; left:140px; top:13px; }
+.auth_methods ul li span.extra-message em              { font-style:normal; background:#fff; }
+.auth_methods ul li span.extra-message em span { display:inline-block; max-width:420px; vertical-align: middle;  }
+.auth_methods ul li a:hover + span                             { display:inline; } 
+.auth_methods .dialog-wrap                                             { color:#F24E53; display:none; margin-top:1em; }
+.auth_methods .dialog-wrap .submit                             { min-width:10px; text-transform:uppercase; margin-right:10px; }
+.auth_methods ul li a.noaction:hover img               { margin-top:-60px }
+.auth_methods ul li a.noaction:hover                   { cursor:default; }
+.auth_methods ul li a.noaction:focus                   { outline:0 none; }
+.auth_methods ul li a.canremove:hover img,
+.auth_methods .assigned ul li.remove a img             { margin-top:-120px; }
+.auth_methods .assigned ul li span.extra-message{ color:#F24E53;}
+.auth_methods .assigned ul li a img                            { margin-top:-60px }
+.auth_methods .assigned, 
+.auth_methods .notassigned                                             { margin-bottom:40px; }
+.auth_methods .assigned span.details                   {   color:grey; display:inline-block; max-width:400px;  vertical-align:middle; position:absolute; left:140px; top:13px;}
+#token-confirm                                                                 { display:none; position:absolute; left:550px; top:-10px; }
+/* 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;}
+
+h2 span.subtitle { font-size: 0.9em; color: #55B577;}
+
+.main-login-method + .extralogin                                                                               { margin-top:3em; }
+.extralogin a.icons                                                            { display:inline-block; margin-right:5px; height:28px; overflow:hidden; vertical-align:middle; }
+.extralogin a.icons:hover img                                  { margin-top:-38px; }
+.landing-page .dotted                                                  { padding-bottom:40px; margin-bottom:40px; }
+.landing-page .cyclades a                                              { color:#04a0af; }
+.landing-page .dashboard a                                             { color:#3780b0; }
+.landing-page .cms a                                                   { color:#3780b0; }
+.landing-page .rt                                                              { text-align:center;vertical-align:middle; } 
+#signup-classic                                                                        { clear:both; }
+#signup-classic + .form-stacked                                        { display:none; }
+.extralogin a.standalone                                               { display:block; width:150px; margin-bottom:20px; white-space:nowrap;}
+.hidden-form-rows                                                              { display:none; }
+
+
+.content a:hover:focus   { outline: 0 none }
+.content a:hover, 
+.content a:active,
+.content a:visited       { outline: 0 none; }
+.content a:visited             { border:0 none; }
+
+#hand                                                                                  { position:absolute; height:79px; width:61px; background:url(../images/xeraki_hover.png) no-repeat; overflow:hidden; display:none;  top:40px;}
+.videosection-2 .content                                               { margin-top:5px; }
+.videosection-2 h2 + .content                                  { margin-top:0; }
+
+.fixed                                                                                 { position:fixed; top:30px;}
+.fixedbottom                                                                   { top:auto; bottom:200px;}
\ No newline at end of file