@charset "utf-8";
/* CSS Document */
p {
	margin:0;
	padding:0;
	cursor:pointer;
}
a, a:hover{
	text-decoration:none;
}
img {
	border:none;
}
div#hero {
	float:left;
	width:1024px;
	height:322px;
	border-bottom:10px solid #2f69ad;
	overflow:hidden;
}
/* rotator css */
div#hero div.text {
	float:right;
	width:255px;
	height:322px;
	margin-top:-322px;
	background:#dfdfdf;
	max-height: 322px;

}
div#hero div.text .container {
	background:#dfdfdf;
}
div#hero div.text .msg_head, div#hero div.text .msg_head a {
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	width:255px;
	height:30px;
	color:#fff;
	font-size:18px;
	list-style:none;
	text-decoration:none;
	background:url('http://www.mofa.gov.bh/Portals/_default/Skins/MofaEnglish/grey_box.jpg');
}
div#hero div.text .msg_head a {
	background:none;
	outline:none;
	text-decoration:none;
}
div#hero div.text .msg_head p {
	padding:9px 0px 0px 12px;
}
div#hero div.text .msg_body {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#dfdfdf;
	padding-right: 9px;
}
div#hero div.text .msg_body p {
	padding:22px 20px 10px 20px;
}
div#hero div.text .msg_body p.content {
	width:220px;
	font-size:14px;
}
div#hero div.text .msg_body p.open {
	font-size:16px;
	color:#1f4c86;
	padding:0px 0px 18px 20px;
}
div#hero div.text .msg_body p a {
	font-size:11px;
	color:#1f4c86;
	text-decoration:underline;
}
div#hero div.text .msg_body p a:hover {
	color:#1f4c86;
	text-decoration:none;
}

.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
}