/* helpers ------------------------------------*/
.clearfix:before,
.clearfix:after									{ content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.clearfix:after									{ clear:both; }
.visuallyhidden									{ position:absolute !important; clip:rect(0 0 0 0); }


/* cloudbar header */
div.cloudbar                                    { background:#364760; color:#fff;	   line-height:35px;  width:100%;   font-size:13px; font-family: 'Didact Gothic', Verdana, sans-serif;}

div.cloudbar a,
div.cloudbar .profile span,
div.cloudbar li 								{font-family:'Open Sans',sans-serif !important; letter-spacing: 1px !important}

.cloudbar .wrapper                              { width:auto; padding:0;}
.cloudbar a                                     { color:#fff; text-decoration:none;}
.cloudbar a img                                 { border: 0 none; }
.cloudbar .profile                              { float:right; background:#5c76a0; min-width:190px; padding:0; text-align:right;  }
.cloudbar .profile:hover						{ background:#435675; }
.cloudbar .profile a                            { text-decoration:none; color:#fff; display:block; width:100%;}
.cloudbar .profile ul                           { position:absolute;   right:0; top:35px; padding:0; margin:0;  width:190px; display:none;	z-index:9; background:#5c76a0;}
.cloudbar .profile ul li                        { list-style:none outside; line-height:35px; padding:0 45px 0  20px;}
.cloudbar .profile ul li:hover				    { background-color:#303e54;}
.cloudbar .profile  a							{ padding-right:20px; width:auto; }
.cloudbar .profile .user a span					{ padding:0 20px;   background:url(/static/ui/static/snf/images/arrow-lt.png) no-repeat right center;}
.cloudbar .profile .full a span                 { background-image:url(/static/im/images/arrow-down.png);}
.cloudbar .profile .full a.open span			{ /*background-image:url(../images/arrow-up.png);*/ background:transparent; }
.cloudbar .profile .full ul 					{ border-top:0 none; border-right:0 none;}
.cloudbar .profile ul li a                      { padding-right:0; background:none; color:#fff; display:block; width:100%;}
.cloudbar .profile ul li a:hover                { color:#fff }
.cloudbar ul.services                           { margin:0; padding:0; }
.cloudbar ul.services li                        { float:left; height:35px; line-height:35px; text-align:center; padding: 0; list-style:none outside;}
.cloudbar ul.services li:first-child a          { padding:0 5px;}
.cloudbar ul.services li.active                 { background:#577194;}
.cloudbar ul.services li:hover                  { background:#303e54; }
.cloudbar ul.services li a						{ padding:0 30px; display:block; }
.cloudbar .red-border							{ border:2px solid red; }
.cloudbar ul.services li.red-border				{ height:31px; line-height:31px; margin-left:0px; margin-right:0px; }
.cloudbar ul.services li.service-pithos         { display:none; }
.cloudbar .profile:hover ul						{ display:block; }
.cloudbar .profile:hover .full span				{ background-image:none; }
.cloudbar .profile .user.full > a:hover,
.cloudbar .profile .user.full > a:hover span 		{ cursor:default; }

@media screen and (max-width : 480px) 		{
	.cloudbar .profile 							{ float:none; }
	.cloudbar .services li:first-child			{ position:absolute; left:0; top:0; background:#000}
}