/*------------------------------
	HEADER STYLES
------------------------------*/	

#prime-div{
	display:inline-block;
	border:0px;
	margin:0;
	padding:0;
	color:rgb(128,128,128);
	/*background-color:#eee;*/
}

	#prime-div.white{
		background-color:#fff;
	}

	#prime-div.grey{
		background-color:#eee;
	}

	#prime-div.chat{
		background-color:#0e5d7b;
		background:linear-gradient(to bottom right, #F0EFFC, #F6E7EE, #F4E2EF);
	}

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

#navbar{

	z-index:2;
	position:fixed;
	top:0;
	width:100%;
	padding:0px;
	margin:0px;
	/*background-color:rgb(0,0,0);*/
	clear:both;

}

#header-background{
	
	display:inline-block;
	background:rgb(255,255,255);
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}


/****************************************************************************************************/

/* POPUP WINDOW */


#popup-background{
	visibility:hidden; /* hidden */
	opacity:0.0; /* 0.0 */
	width:100%;
	height:100%;
	position:fixed;
	z-index:7;
	left:0;
	top:0;
	background-color:rgb(0,0,0);
	overflow:hidden;
	transition:0.3s;
}

#popup-box{
	visibility:hidden;
	opacity:0.0; /* 0.0 */
	z-index:8;
	width:400px;
	height:400px;
	position:fixed;
	left:50%;
	top:30%;
	padding:20px;
	margin:-200px 0px 0px -200px;
	border:0;
	background-color:rgb(255,255,255);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 20px -5px #000;
	-moz-box-shadow: 0px 0px 20px -5px #000;
	box-shadow: 0px 0px 20px -5px #000;
	font-family:arial;
	font-size:1.2em;
	font-weight:300;
	color:#000;
	text-align:center;
	overflow:hidden;
	transition:0.5s;
}

#popup-close{
	font-size:1.5em;
	margin:0;
	padding:0;
	color:rgb(220,220,220);
}
#popup-close:hover{color:rgb(180,180,180);}



/****************************************************************************************************/

/* SEARCH BAR */


#search-overlay{
	visibility:hidden; /* hidden */
	width:100%;
	height:100%;
	position:fixed;
	z-index:3;
	left:0;
	top:0;
	background-color:rgb(255,255,255);
	opacity:0.0; /* 0.0 */
	overflow:hidden;
	transition:1.0s;
}

#search-div{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	padding:0;
	margin:0;
	text-align:left;
	display:none;
}

	#search-div i{
		position:absolute;
		top:18px;
		left:20px;
	}

#search-bar{
	color:#666;
	height:30px;
	width:150px;
	padding:0px 10px 0px 25px;
	margin:10px 0px 0px 10px;
	background-color:rgb(240,240,240);
	border:0;
	-webkit-appearance: none;
	box-shadow: inset 0px 0px 0px 0px red;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
}


#search-bar-main{
	color:#888;
	height:60px;
	width:100%;
	padding:0px 10px 0px 60px;
	margin:0;
	background-color:rgb(240,240,240);
	border:0;
	-webkit-appearance: none;
	box-shadow: inset 0px 0px 0px 0px red;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	font-size:1.5em;
	font-weight:300;
}

#search-results{
	display:none;
	width:100%;
	height:300px;
	padding:20px;
	margin:20px 0px 0px 0px;
	background-color:rgb(240,240,240);
	border:0;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
	font-size:1.5em;
	font-weight:300;
}

.search-results-item:hover{
	background-color:rgba(0,0,0,0.05);
}


/****************************************************************************************************/


#navbar-logo {
	background:rgb(255,255,255);
	width:98px; /* 140px */
	display: inline-block;
	vertical-align:top;
}

	#navbar-logo img{
		margin:30px 10px 20px 10px; /* 30px 10px 7px 10px */
	}
	
#navbar-main-menu{

	/*background:rgba(255,255,255,1);*/
	width:auto;
	display: inline-block; 
	vertical-align:bottom;
}

	#navbar-main-menu a{
		font-weight:bolder;
	}

#navbar-user-menu{
	position:absolute;
	top:0;
	right:0;
	height:58px;
	padding:12px 15px 0px 0px;
	margin:0;
	text-align:right;
	/*border-left:1px solid rgb(32,32,32);*/
}

	#navbar-user-menu a{
	color:black;
	text-decoration:none;
	padding:0;
	margin:0;
	}

	#navbar-user-menu a:hover{
		color:black;
	}
	
	#navbar-user-menu i{
		font-size:1.6em;
		padding:0;
		margin:0;
	}

	#navbar-user-menu font{
		font-size:1.0em;
		padding:0;
		margin:0;
		font-family:arial;
	}

	/* used to indicate number of unread messages */
	
	#navbar-user-menu p.messages{
	  z-index:100;
	  position:absolute;
	  color:white;
	  font-size:15px;
	  font-weight:bold;
	  top:-7px;
	  right:30px;
	}

	#navbar-user-menu i.search-icon{
	  z-index:100;
	  position:absolute;
	  color:#ccc;
	  font-size:15px;
	  font-weight:bold;
	  top:22px;
	  left:17px;
	}	
	
#navbar-search{
	width:150px;
	height:25px;
	position:relative;
	bottom:4px;
	padding:0px 0px 0px 20px;
	margin:0px 8px 0px 0px;
	color:rgba(0,0,0,0.4);
}

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

#advertbar{
	text-align:center;
	padding:0;
	margin:0 auto;
	width:100%;
}