html{width:100%;}

body{ margin:0;}

img{border:0;}


.clock {color:#FFF;padding:5px;font-size:9px; font-weight:bold}
.clock ul{width:100%;text-align:center;margin-bottom:2px;}
.clock li{display:inline;margin:0;padding:0;}

.clock #Date{padding-top:3px}


.bottomBar{
	background:url(../img/barBg.png) repeat-x;
	position:fixed;
	bottom:0px;
	height:35px;
	width:100%;
	z-index:1000;
	left:0;
}
.bar_bt{height:35px;float:left;}
.bar_bt_right{height:35px;float:right;}

.button_left{
	float:left;
	height:35px;
	width:2px;
	background:url(../img/bottomBg_left.png) no-repeat;
}

.button_middle{
	float:left;
	height:35px;
	background:url(../img/bottomBg_middle.png) repeat-x;
}

.button_right{
	float:left;
	height:35px;
	width:2px;
	background:url(../img/bottomBg_right.png) no-repeat;
}

.bar_bt a,.bar_bt_right a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding:8px 8px 0 8px;	
	text-transform:capitalize;
	text-decoration:none;
	color:#FFF;
	float:left;
	text-shadow: #000 1px 1px 1px;	
}

.greenDot{
	float:left;
	background:url(../img/greenDot.png) no-repeat;
	width:21px;
	height:21px;
	margin:7px 0 0 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	padding:3px 0 0 3px;
	text-shadow: #000 1px 1px 1px;
	}
	
.greenDot span{
	display:block;
	margin-top:2px;
	width:15px;
	text-align:center;	
}

.bottomBar .title,.licenca .title,.notification .title,.facebook .title,.sms .title,.chat .title{line-height:32px;width:100%;font-weight:bold;}
.licenca{
	
	position:fixed;
	bottom:0px;
	left:40px;
	width:420px;
	background:#FFF;
	color:#FFF;
	display:none;
	z-index:1000;
	
}

.licenca .title span,
.notification .title span{margin-left:10px;}
.facebook .title span{margin-left:10px;}
.sms .title span{margin-left:10px;}
.chat .title span{margin-left:10px}

.licenca .licenca-content{
	padding:5px 10px;
	background:#3F3F3F url(../img/barBoxBg.png) repeat-x top;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #272727;
	border-top:1px solid #545454;
	border-bottom:1px solid #1A1A1A;
}
.licenca label{width:37%;font-weight:bold;display:block;float:left}
.licenca .field{line-height:32px;width:100%;clear:both}
.licenca .field .modulos{float:right;width:63%;}




.notification
{
	bottom:0px;
	position:fixed;
	width:500px;
	left:80px;
	color:#FFF;
	z-index:1000;
	display:none;
}

.notification .content
{
	padding:5px 10px;
	background:#3F3F3F url(../img/barBoxBg.png) repeat-x top;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #272727;
	border-top:1px solid #545454;
	border-bottom:1px solid #1A1A1A;
}

.notification .content .noti{
	line-height:32px;
	background:#2F2F2F;
	margin:10px 0;
	width:100%;
}

.notification .content .noti span{padding:0 10px;}
.notification .lermais{
	float:right;
	line-height:32px;
}

.notification a
{
	color:#FFF;
	font-weight:bold;
}

.chat
{
	bottom:0px;
	position:fixed;
	width:500px;
	right:210px;
	color:#FFF;
	z-index:1000;
	display:none;
}

.facebook
{
	bottom:0px;
	position:fixed;
	right:60px;
	width:190px;
	display:none;
}

.facebook .facebook-content
{
	padding:10px;
	background:#3F3F3F url(../img/barBoxBg.png) repeat-x top;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #272727;
	border-top:1px solid #545454;
	border-bottom:1px solid #1A1A1A;
	text-align:center;
}

.sms
{
	bottom:0px;
	position:fixed;
	left:275px;
	width:400px;
	z-index:1000;
	display:none;
	
}

.sms .content
{
	padding:10px;
	background:#3F3F3F url(../img/barBoxBg.png) repeat-x top;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #272727;
	border-top:1px solid #545454;
	border-bottom:1px solid #1A1A1A;
	text-align:center;
}

.sms div.form{padding:0}
.sms div.form div.fields div.field div.label {text-align:left;width:120px;}
.sms div.form div.fields div.field div.label label{color:#FFF}
.sms div.form div.fields div.field div.input {margin:0 0 0 30px;float:left}



.demoir{
	bottom:0px;
	position:fixed;
	width:400px;
	left:80px;
	color:#FFF;
	z-index:1000;
	display:none;
}
.demoir .title span{margin-left:10px;}
.demoir .content{
	height:150px;
	padding:5px 0px;
	background:#3F3F3F url(../img/barBoxBg.png) repeat-x top;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #272727;
	border-top:1px solid #545454;
	border-bottom:1px solid #1A1A1A;
}
.button100{	width:100%;clear:both;}
.demoir-users{width:90%;margin:auto;}