/* only this file contains typography [fontfamily,decorations,size, etc..], which is based on pure css only  - prepared and wokred By B. Mohamed Arif*/
html, body { 
    overflow:hidden; 
} 
.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
 	overflow:auto;
} 

#taskBarContent{
bottom:0;
position:absolute;
width:100%;
left:0;
text-align:center;
z-index:100;
}
	.taksBar{
	height:25px;
	background:#d9ebff url(../../views/default/images/default/whitePixel.png) top repeat-x;
	width:95.5%;
	margin:0 2.5% 0 1.5%;
	border:1px solid #156a94;
	text-align:left;
	line-height:25px;
	}
		.taksBar li{
		float:left;position:relative;
		}
		.taksBar li.right{
		float:right;
		}
		.applcIcon{
		background:url(../../views/default/images/default/applcIcon.png) no-repeat 2px center;
		padding:0 0 0 24px;
		}
		.taksBar .applc a{
		text-decoration:none;
		height:25px; display:block; !display:inline-block;
		border-right:0px solid #999;
		padding-right:2px;
		
		}
			.listApp{
			position:absolute;
			 width:150px;
			background:#FFF;
			border:1px solid #156a94;
			bottom:26px; _bottom:25px; 
			}
			.taksBar li.right .listApp{
			right:0px; !right:-1.7%;left:inherit;
			}
			.taksBar .applc .applcList dt{
			margin-left:10px;
			}
			.taksBar .applc .applcList dt p{
			line-height:normal;
			margin-right:5px;
			padding:3px 0 3px 25px;
			border-bottom:1px solid #CCC;
			}
				p.myMyGrpIcon {
				background:url(../../views/default/images/default/myMyGrpIcon.gif) no-repeat left 5px;
				height:20px;
				}
				p.myClsfdIcon {
				background:url(../../views/default/images/default/myClsfdIcon.gif) no-repeat left 5px;
				height:20px;
				}
				p.friendsIcon {
				background:url(../../views/default/images/default/friendsIcon.png) no-repeat left 5px;
				height:20px;
				}
			.taksBar .applc .applcList dt p a{
			line-height:normal;
			color:#57a9d1; height:auto;
			display:inline; font-weight:bold;
			padding:0;
			}
			.taksBar .applc .option a{
			border:0; display:inline;
			}
				.findMore{
				text-align:right;
				padding-right:5px;
				background:#d9ebff;
				}
				.title{
				background:#57a9d1;
				padding:0 5px;
				color:#FFF;
				font-weight:bold;
				}
				.title img{
				cursor:pointer;
				}
				.heading span{
				float:left;
				}
				.title em{
				float:right;
				}
				.title em img{
				vertical-align:middle;
				!vertical-align:-5px;
				}
			.taksBar .applc .applcList a{
			padding-left:20px;
			border:0;
			}
		.taksBar .shotCut a{
		text-decoration:none;
		margin:0 5px;
		}
			.taksBar .shotCut img{
			vertical-align:-5px;
			_margin-top:3px;
			}
		a.applcIcon:hover,a.actvs{
		background:#FFF url(../../views/default/images/default/applcIcon.png) no-repeat 2px center;
		}