#x-company-toolbar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* x-company toolbar */
	#x-company-toolbar {
		padding: 10px 0 12px 0; 
		background-color: #000; 
		color: #fff; 
		font-size: 0.9em;
		position: relative; 
		z-index: 9999;
		}
		#x-company-toolbar a { 
			color: #fff; 
			}
	   #x-company-toolbar a:hover { 
			color: #aaa; 
	   }
	   #x-company-toolbar .container{
			width: 960px;
			margin: 0 auto;
			min-height: 40px;
		}

		
		/* x-company toolbar > login panel */
		#x-company-toolbar .login-panel { 
			float: left; 
			line-height: 29px; 

		}
			#x-company-toolbar .login-panel a { 
				text-decoration: underline; 
				padding-right: 12px; 
				
				}
			#x-company-toolbar .login-panel a:hover,
			#x-company-toolbar .login-panel a:active { 
				color: #fff; 
				text-decoration: none; 
				}
			/*status*/
			#x-company-toolbar .login-panel dl{
				margin: 5px 0 0;
				padding: 0;
			}
			#x-company-toolbar .login-panel dt{
				position: absolute;
				left: -1000em;
			}
			#x-company-toolbar .login-panel dd{
				float: left;
			}
			#x-company-toolbar .login-panel dd.signed{
				padding-right: 10px;
			}
			#x-company-toolbar .login-panel dd.signed a{ 
				background: none;
				font-weight: bold;
				text-decoration: none;
			}
				#x-company-toolbar .login-panel dd.signed a:hover{ 
					text-decoration: underline;
					color: #ddd;
				}
			#x-company-toolbar .login-panel ul{
				list-style: none;
				padding: 0;
				margin: 0;
			}
				#x-company-toolbar .login-panel dd ul li a{
					background: none;
					text-decoration: underline;
				}
				#x-company-toolbar .login-panel dd ul li a:hover{
					color:#ddd;
				}
				#x-company-toolbar .login-panel ul li{
					float: left;
					list-style: none;
					padding: 0;
					margin: 0;				
				}
					#x-company-toolbar .login-panel ul li.logout a{
						color:#900;
						text-decoration: none;
					}
					#x-company-toolbar .login-panel ul li{
						padding-left: 30px;
					}
					#x-company-toolbar .login-panel ul li.buttons{
						padding-left: 18px;
					}
					#x-company-toolbar .login-panel ul li.logout{
						padding-left: 10px;
					}
					#x-company-toolbar .login-panel ul li.buttons a{
						background: url(../images/toolbar/tabs.png) no-repeat 0 0; 
						height: 29px;
						padding-left: 10px;
						float: left;
						position: relative;
						text-decoration: none;
					}
					#x-company-toolbar .login-panel ul li.buttons a span{
						background: url(../images/toolbar/tabs.png) no-repeat 100% 0; 
						height: 29px;
						width: 10px;
						position: absolute;
						top: 0;
						right: 0;
					}
					#x-company-toolbar .login-panel ul li.buttons a:hover{
						background-position: 0 100%; 
					}
					#x-company-toolbar .login-panel ul li.buttons a:hover span{
						background-position: 100% 100%; 
					}
					#x-company-toolbar .login-panel ul li.buttons a.active-page{
						background-position: 0 100%; 
					}
					#x-company-toolbar .login-panel ul li.buttons a.active-page span{
						background-position: 100% 100%; 
					}
		
		/* x-company toolbar > company network */
		#x-company-toolbar .x-company-network{
			background: url(../images/toolbar/tabs.png) no-repeat left top;
			width: 250px;
			height: 29px;
			margin: 5px 0 0 0;
			display: inline;
			float: right;
			text-align: left;
			position: relative;
			z-index: 1000;
		}
		#x-company-toolbar .x-company-network .dropdown-figure{
			background: url(../images/toolbar/dropdown_bottom.png) no-repeat left top;
			width: 250px;
			height: 6px;
			margin: 0;
			display: block;
			text-align: left;
			position: absolute;
			bottom: -6px;
			left: 0;
			z-index: 1000;
		}

			#x-company-toolbar .x-company-network h2{
				font-size: 1em;
				font-weight: normal;
				margin: 6px 0 0 20px;
				line-height: 1;
				width: 220px;
				background: url(../images/toolbar/arrow_down.png) no-repeat 100% 5px;
				cursor: pointer;
				position: relative;
				z-index: 1001;
			}
			#x-company-toolbar .x-company-network h2.xhtmlized {
				color:#ff9900; 

			}
			#x-company-toolbar .x-company-network:hover h2,
			#x-company-toolbar .x-company-network h2:hover,
			#x-company-toolbar .x-company-network.hover h2,
			#x-company-toolbar .x-company-network h2.hover{
				background: url(../images/toolbar/arrow_down_h.png) no-repeat 100% 5px;
			}
			#x-company-toolbar .x-company-network a.x-logo{
				background: url(../images/toolbar/x-company-small.png) no-repeat 0 0;
				float: left; 
				width: 36px;
				height: 37px;
				text-indent: -1000em;
				position: absolute;
				top: -5px;
				right: -10px;
				z-index: 1000;
			}
			#x-company-toolbar .x-company-network  .network-dropdown{
				background:#171616 url(../images/toolbar/dropdown_top.png) no-repeat 0 0;
				width: 250px;
				position: absolute;
				top: 28px;
				left: -1000em;
				z-index: 100;
			}
			#x-company-toolbar .x-company-network:hover  .network-dropdown,
			#x-company-toolbar .x-company-network.hover  .network-dropdown{
				left: 0;
			}
			
				#x-company-toolbar .x-company-network  .network-dropdown dl{
					margin: 0px 10px;
					padding: 10px 0;
				}
				#x-company-toolbar .x-company-network  .network-dropdown dl.upcoming{
					border-top: 1px solid #222;
					margin: -10px 10px 0 10px;
					padding-top: 10px;
				}
				#x-company-toolbar .x-company-network .network-dropdown dt{
					padding-left: 10px;
					margin: 0;
				}
					#x-company-toolbar .x-company-network .network-dropdown dt.status{
						left: -1000em;
						position:absolute;
					}
				#x-company-toolbar .x-company-network .network-dropdown dd{
					padding: 0 0 15px 10px;
					margin: 0;
					color: #bbb;
					font-size: 0.9em;
				}
				#x-company-toolbar .x-company-network .network-dropdown dd.coming-soon{
					padding-bottom: 10px;
					font-size: 1em;
				}
					#x-company-toolbar .x-company-network .network-dropdown dt.xhtmlized a{
						color:#ff9900; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.flashized a{
						color:#d60005; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.wordpressized a{
						color:#1fa400; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.blackbean a{
						color:#ad4201; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.jsized a{
						color:#ccc; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.qwertyized a{
						color:#605ca8; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.x-team a{
						color:#fff; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt.fives a{
						color:#4264b6; 
						text-decoration: none;
					}
					#x-company-toolbar .x-company-network .network-dropdown dt a:hover{
						text-decoration: underline;
					}
#x-company-toolbar form .field{
	float: left;
	text-align: left;
	padding: 10px 10px 0 0;
	line-height: 1.5;
}
#x-company-toolbar form .buttons{
	float: left;
	padding: 10px 0 0;
	line-height: 1.5;
}
#x-company-toolbar form .login-control{
	clear: left;
	text-align: left;
	line-height: 1.5;
	padding: 10px 0 0;
}
	#x-company-toolbar form input{
		margin: 0 0 0 3px;
	}
	#x-company-toolbar form .login-control input{
		height: 18px;
		margin: 0 5px 0 0 ;
		float: left;
	}
	#x-company-toolbar form .login-control label{
		float: left;
	}
	#x-company-toolbar form #openid-button{
		
		padding-left: 20px;
		background: #000 url(../images/toolbar/openid.png) no-repeat 0 0;
	}
	#x-company-toolbar form .toggle{
		float: left;
		display: inline;
		margin-right: 25px;
		height: 16px;
		font-size: 0.9em;
	}
	#x-company-toolbar form p .toggle{
		margin-left: 0;
	}
	#x-company-toolbar form input.openid-identifier,
	#x-company-toolbar form input.openid-identifier{
	  background:#FFFFFF url(../images/toolbar/openid-inputicon.gif) no-repeat scroll 0 50%;
	  padding-left:18px;
	  width: 200px;
	}
	#x-company-toolbar form .field.warning input{
	  background:#FFF url(../images/toolbar/ico_error.png) no-repeat scroll 100% 50%;
	  padding-right:18px;
	  
	}
	#x-company-toolbar p{
		text-align: left;
		line-height: 1.5;
		padding-top: 12px;
	}
	#x-company-toolbar form p{
		padding-top: 0;
	}
	#x-company-toolbar form .warning p{
		color: #d00;
	}
	#x-company-toolbar p.result a.toggle{
		display: block;
	}

/** result message **/
#x-company-toolbar .type_error .message {
    color: #F00;
}

/** ------------------------------------------------ **/
/** unpaid invoices **/
#x-company-toolbar .login-panel ul li.invoices {
    position: relative;
}

#x-company-toolbar .login-panel ul li.invoices em.invoice_msg {
    position: absolute;
    width: 24px;
    height: 22px;
    background: url(../images/alert.png) 0 0 no-repeat;
    top: -7px;
    right: -10px;
}

#x-company-toolbar .login-panel ul li.invoices em.invoice_msg span.msg {
    background: url(../images/unpaid_invoices_bg.png) 0 0 no-repeat;
    width: 164px;
    height: 30px;
    padding-left: 20px;
    color: #FFF;
    font-size: 12px;
}

/** DL: tooltip is offscreen until the link is hovered **/
#x-company-toolbar .login-panel ul li.invoices em.invoice_msg span.msg {
    position: absolute;
    left: -9999px;
}

#x-company-toolbar .login-panel ul li.invoices a:hover em.invoice_msg span.msg,
#x-company-toolbar .login-panel ul li.invoices a.hover em.invoice_msg span.msg {
    left: 24px;
    top: -1px;
}

/** DL: invoice_msg is hidden until parent has "has-unpaid-invoices" marker **/
#x-company-toolbar .login-panel ul li.invoices em.invoice_msg {
    display: none;
}

#x-company-toolbar .login-panel ul li.has-unpaid-invoices em.invoice_msg {
    display: block;
}

/** ------------------------------------------------ **/

/** DL: switch [status, login, forgot password, result]. **/
#x-company-toolbar .login-panel form,
#x-company-toolbar .login-panel .result,
#x-company-toolbar .login-panel .status { display: none; }

#x-company-toolbar.show_status .login-panel .status,
#x-company-toolbar.show_login_result .login-panel .result,
#x-company-toolbar.show_login .login-panel form.login,
#x-company-toolbar.show_forgot_password .login-panel form.password {
    display: block;
}

/** DL: switch between normal login and openid login, 
   with the "use_openid" marker. Default is normal **/
#x-company-toolbar .login-panel form.openid { display: none; }
#x-company-toolbar.show_login.use_openid .login-panel form.openid { display: block; }
#x-company-toolbar.show_login.use_openid .login-panel form.login { display: none; }

/** DL: login warning message is hidden until the fieldset is in
   the "warning" state **/
#x-company-toolbar .warning-msg { display: none; }
#x-company-toolbar fieldset.warning .warning-msg { display: block; }

/** DL: welcome message is only displayed when we have 
   the "logged_in" marker **/
#x-company-toolbar .status .signed { display: none; }
#x-company-toolbar.logged_in .status .signed { display: block; }

/** DL: switch between [sign_in, user_actions] 
   with the "logged_in" marker. **/
#x-company-toolbar .status .user_actions { display: none; }
#x-company-toolbar.logged_in .status .user_actions { display: block; }
#x-company-toolbar.logged_in .status .sign_in { display: none; }