
#leftMarginTop {
	height:80px;
	background-color:#FFF;
	width: 100%;
	
}

#leftTopMonitor {
	color: #666;
	padding: 10px;
	padding-top:30px;
	overflow:hidden;
}

td#leftMover {
	position: relative;
	z-index:5000;
	overflow:hidden;
	vertical-align: top;
	background:url(/library/image/leftmenu_sliver.png) repeat-y top right;
	width:290px;
	height:100%;
}


#leftContent {
	z-index: 10;
	position: relative;
	padding-bottom: 30px;
	margin-right:0px;
	float: none;
	
}


#leftContent .tab h1{
	display: block;
	width: 260px;
	height: 21px;
	cursor: pointer;
	margin:0px;
	
	font-size:12px;
	color:#888;
	font-style: normal;
	padding: 12px;
	background-repeat: no-repeat;

}

#leftContent h1:hover, #leftContent .visible h1, #leftContent h1.newMessages  {
	color:#EEE;
}


div.tab.visible h1:hover {
	width: 260px!important;
}

#leftContent h1:hover {
	width: 251px;	
}

#leftContent .tab .tabContent{
	display: none;
	font-size: 12px;
	width: 294px;
	overflow:hidden;
	color: #666;
	background: #FFF url(/library/image/leftmenu_sliver.png) repeat-y top right;
}

#leftContent .padder{
	padding: 10px;
	float:left;
	width: 250px;
}

#leftContent .padder div{
	
}


#leftContent .tab.visible .tabContent{
	display: block;
	min-height: 200px;
	width: 294px;

}

#leftContent .tab {
	width: 294px;
}





#leftContent .tab .tabContent .ticker{
	width: 20px;
	float:right;
	background: url(/library/image/leftmenu_switch_open1.png) no-repeat top right;
	height: 80px;
	margin-top: 100px;
	cursor: pointer;
}


#tabAdviser h1.newMessages {
	background-image: url(/library/image/left/adviser3.png);
}

 #tabAdviser.visible h1.newMessages {
	background-image: url(/library/image/left/adviser4.png);
}

#tabLog h1.newMessages {
	background-image: url(/library/image/left/log3.png);
}

 #tabLog.visible h1.newMessages {
	background-image: url(/library/image/left/log4.png);
}


#tabChat h1.newMessages {
	background-image: url(/library/image/left/chat3.png);
}

 #tabChat.visible h1.newMessages {
	background-image: url(/library/image/left/chat4.png);
}


#leftContent h1:hover {
	width:251px;
}

#leftContent .tab .tabContent .ticker:hover{
	background-image: url(/library/image/leftmenu_switch_open2.png);
}


#tabLocation h1:hover {
	background-image: url(/library/image/left/location3.png);
	width:260px;
}


#tabLocation.visible h1 {
	background-image: url(/library/image/left/location2.png);
}

#tabProduction h1:hover, #tabProduction.visible h1 {
	background-image: url(/library/image/left/planning2.png);
}

#tabMomental h1:hover, #tabMomental.visible h1 {
	background-image: url(/library/image/left/weather2.png);
}

#tabAdviser h1:hover, #tabAdviser.visible h1 {
	background-image: url(/library/image/left/adviser2.png);
}

#tabLog h1:hover, #tabLog.visible h1 {
	background-image: url(/library/image/left/log2.png);
}

#tabChat h1:hover, #tabChat.visible h1 {
	background-image: url(/library/image/left/chat2.png);
}

#tabPersonal h1:hover, #tabPersonal.visible h1 {
	background-image: url(/library/image/left/personal2.png);
}


#leftIcons {
	display: block;
	height:400px;
	position: relative;
	z-index:20;
	
}

#leftIcons .pick {
	width: 284px;
	margin-left: -200px;
	height: 50px;
	z-index:1;
}



#tabLocation h1 {
	background-image: url(/library/image/left/location1.png);
	border-top: 1px solid #BDBDBD;
}

#tabProduction h1 {
	background-image: url(/library/image/left/planning1.png);
}

#tabMomental h1 {
	background-image: url(/library/image/left/weather1.png);
}

#tabAdviser h1 {
	background-image: url(/library/image/left/adviser1.png);
}

#tabLog h1 {
	background-image: url(/library/image/left/log1.png);
}

#tabChat h1 {
	background-image: url(/library/image/left/chat1.png);
}

#tabPersonal h1 {
	background-image: url(/library/image/left/personal1.png);
}

dt {
	font-weight: bold;
	margin-top:10px;
}

.leftCombo {
	border: 1px solid #CCC;
	background-color:#FFF;
	width: 200px;
	line-height:24px;
	font-size: 11px;
	height: 24px;
}


.combobox .arrow{
	
	float:right;
}

.leftCombo .arrow img{
	
}

.comboItem {
	cursor: pointer;
	line-height: 21px;
	padding:2px 5px;
}


.comboItem img.type {
	height: 20px;
	margin-right:10px;
	float: left;
	clear: left;
}

.comboItem img.crop {
	height: 24px;
	float: right;
	clear: right;
}


#sectionSelector, #locationSelector, #chatSelector,#customerSelector {
	border: 1px solid #DDD;
	border-top: 0px;
	font-size: 11px;
	width: 206px;
	float:left;
	margin-left:38px;
	margin-top: -1px;
	margin-bottom:15px;
	clear:both;
}

#cmbChat {
	margin-left:1px;
}

#cmbChat .title .userName {
	width: 140px;
	float:left;
	
}

.combobox .title {
	float: left;
	width: 175px;
	height: 22px;
	
	padding: 1px;
	overflow:hidden;
	line-height:22px;
}

.userIcon {
	line-height:22px;
	margin: 0px 3px 0px!important;
	float:left;
}


.userName {
	line-height:22px;
	width:150px;
	height:22px;
	overflow:hidden;
	display:block;
	float:left;
	color: #666!important;
}

.leftCombo img {
	float: left;
	margin: 3px;
}

.comboItem:hover {
	text-decoration: underline;
}

.comboItem.active {
	font-weight: bold;
}

ul {
	list-style-position: inside;
}

#chatbox, #shoutbox {
	
}

#chatbox ul, #shoutbox ul {
	list-style-type: none;
}

#chatbox .title {
	font-weight: bold;
	clear:right;
}

#chatbox .message {
	
	clear:both;
}

.logBox {
	
	margin-bottom:10px;
	clear:both;
}


.logBox ul  {
	list-style-type: none;
	
}

.logBox ul li {
	border-bottom: 1px solid #CCC;
	padding:5px;
}


.selector * {
 	float: left;
 	margin-left: 3px;
 	display: block;
 	
 }

.selector .desc {
	font-style: italic;
}

.selector img {
	padding:4px;
	cursor: pointer;
}

.selector span {
	line-height: 30px;
}

.critical.selected {
	border: 2px solid #AD0833;
	padding:2px;
}

.exclamation.selected {
	border: 2px solid #E76F33;
	padding:2px;
}

.information.selected {
	border: 2px solid #B9CC34;
	padding:2px;
}

#leftContent textarea {
	width:250px;
	height: 50px;
	font-family: Arial;
	font-size:12px;
	border: 1px solid #CCC;
	padding: 2px;
}


.selector_company {
	display: inline;
	background-color:#FFF;
	color:#B8CC33;
	font-size:12px;
}


.selector_company.active ,.selector_user.active {
	background-color:#B8CC33;
}



.tabbox {
	border-bottom: 1px solid #999;
	margin-right:-23px;
	margin-left:-13px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.tabbox li {
	padding:5px 5px 0px;
	margin-bottom:0px;
	padding-bottom:0px;
}


#chatSelector a {
	display: block;
	text-decoration: none;
	height: 22px;
	line-height:21px;
}

#chatSelector .active {
	background-color:#EEE;
	color: #666;
}


#chatSelector .comboHeading {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

#chatSelector .active a {
	color: #666!important;
}

#chatSelector  a.online {
	background-color: #B8CC33!important;
	color: #666!important;
}



li.own {
	color: #AAA;
}

#chatSelector .newMessages {
	float:right;
	display:block;
	height:20px;
	
}

.comboItem.heading {
	height: 20px;
	background-color:#CCC;
	padding:0px;
}

#tabChat ul {
	margin-left:15px;
}

.ok {
	color:#B9CC34;
}


