.flyout {
	position: fixed;
	z-index: 9999;
	/*top                               : 30px;*/
	right: 0;
	min-width: 160px;
	max-width: 90%;
	width: auto !important;
	/*display: none;*/
	background: #000000;
	color: #cccccc;
	border: 1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	/*width: 200px;*/
	/*height: auto;*/
	padding: 20px;
	filter: alpha(opacity=85);
	opacity: .85;
	-webkit-moz-opacity: .85;
	-moz-moz-opacity: .85;
	-ms-moz-opacity: .85;
	-o-moz-opacity: .85;
	moz-opacity: .85;
	height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
}

.flyout p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}

a.triggerlogin {
	position: fixed;
	z-index: 9999;
	text-decoration: none;
	/*top                                : 30px;*/
	/*right                              : 0;*/
	/*font-size                          : 0px;*/
	/*letter-spacing                     : -1px;*/
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff !important;
	padding: 5px 10px 10px 30px;
	/*font-weight: 700;*/
	background: #333333 url(../../../../modules/users/assets/images/plus.png) 5% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	/*-moz-border-radius-bottomleft      : 20px;*/
	/*-webkit-border-bottom-left-radius  : 20px;*/
	/*border-bottom-left-radius          : 20px;*/
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	display: block;
}

a.triggerlogin:hover, a.triggerlogin:hover:visited {
	position: fixed;
	text-decoration: none;
	/*top                                : 30px;*/
	/*right                              : 0;*/
	/*font-size                          : 11px;*/
	/*letter-spacing                     : -1px;*/
	font-family: verdana, helvetica, arial, sans-serif;
	color: #fff;
	padding: 5px 10px 10px 30px;
	font-weight: 700;
	background: #222222 url(../../../../modules/users/assets/images/plus.png) 5% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	/*-moz-border-radius-bottomleft      : 20px;*/
	/*-webkit-border-bottom-left-radius  : 20px;*/
	/*border-bottom-left-radius          : 20px;*/
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	display: block;
}

/*a.triggerlogin, a.triggerlogin:visited {*/
/*margin          : 0;*/
/*padding         : 0;*/
/*color           : #9FC54E;*/
/*text-decoration : none;*/
/*border-bottom: 1px solid #9FC54E;*/
/*}*/

/*a.triggerlogin:hover, a.triggerlogin:visited:hover {*/
/*margin          : 0;*/
/*padding         : 0;*/
/*color           : #ffffff;*/
/*text-decoration : none;*/
/*border-bottom: 1px solid #ffffff;*/
/*}*/

a.active.triggerlogin, a.active.triggerlogin:visited {
	background: #222222 url(../../../../modules/users/assets/images/minus.png) 15% 55% no-repeat;
	text-decoration: none !important;
	font-size: 0px;
    padding: 22px 15px 10px 10px;
}

.flyout .columns {
	clear: both;
	width: 330px;
	padding: 0 0 20px 0;
	line-height: 22px;
}

.flyout .colleft {
	float: left;
	width: 130px;
	line-height: 22px;
}

.flyout .colright {
	float: right;
	width: 130px;
	line-height: 22px;
}

.flyout ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.flyout ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.flyout hr {
	background-color: #333333;
	height: 1px;
}

.flyout h2, .flyout h3, #menu .flyout h4 {
	font-size: 115%;
	font-weight: bold;
}

/*.flyout .item-actions a,*/
/*.flyout .module-actions a {*/
	/*display: inline;*/
/*}*/

.flyout .item-actions, .flyout .module-actions, .flyout img {
	clear: both;
	overflow: hidden;
}

.flyout p:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.rotate-90 {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.rotate-270 {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

.origin-tl {
	transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
}

.origin-tr {
	transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	-moz-transform-origin: top right;
	-webkit-transform-origin: top right;
}

.fix-rotate-90 {
	/*position: relative;*/
	left: 32px;
}

.fix-rotate-270 {
	/*position: relative;*/
	right: 32px;
}
