#top-bar {
	height:30px;
	padding:5px 0;
	width:100%;
	background:#ba5350;
}

#top-bar div {
	width:1200px;
	margin:0 auto;
	margin-top:6px;
}

#top-bar p {
	text-shadow:none;
	color:#f1f1f1;
	display:inline;
}

#top-bar .notice {
	font-size:15px;
}

#top-bar button,#top-bar a, #top-bar p {
	font-family:'Open Sans',LucidaGrande,Helvetica,Verdana,Arial,sans !important;
}

#top-bar a, #top-bar button  {
	color:#ff9900;
	text-shadow:none;
	text-decoration:none;
}

#top-bar a:hover , #top-bar button:hover {
	text-decoration:underline;
}

#top-bar button {
	background:none;
	border:none;
}

#top-bar .closeDialog {
	float:right;
	width:30px;
	height:30px;
	background:url("/website/static/images/closeDialog.png");
	opacity:0.75;
	margin-top:-6px;
}

#top-bar .closeDialog:hover {
	cursor:pointer;
	opacity:1.0;
}

#top-bar {
	background:#454572;
}

#top-bar .right {
	float:right;
	margin:0 5px;
	background:#454572;
	border-radius: 0px;
	width: auto;
}

#top-bar a.right, #top-bar button  {
	font-size:13px;
}

@media screen and (max-width: 1280px) {

	#top-bar div {
	  width: 95%;
	  margin-left:auto;
	  margin-right:auto;
	}

@media screen and (max-width: 570px) {
	#top-bar  {
		height:60px;
	}
	
	#top-bar div {
		margin-top:0;
	}
	
	#top-bar a {
		display:block;
		width:auto;
	}
}	
	
@media screen and (max-width: 360px) {
	#top-bar  {
		height:70px;
	}
	
	#top-bar div {
		margin-top:0;
	}
	
	#top-bar p {
		font-size:13px;
	}
	
	#top-bar a {
		display:block;
		width:auto;
	}
	
	#top-bar .closeDialog  {
		margin-top:4px;
	}
}