/* This CSS Document is written by Taimur A. Aziz [LSN] and specifically for LAF Bank website */

/*
:::::::::::::::::::::::::::::::::::::
:		    	Layout         		:
:::::::::::::::::::::::::::::::::::::
*/

html {
  height: 100%;
  margin-bottom: 1px;
  background: #F4F4E7;
}

body {
	text-align:center;
	margin: 0;
	padding: 0;
	line-height: 125%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
}

body.contentpane {
	background:#FFFFFF;
	text-align:left;
	padding:20px;
}

div#wrapper {
	width:850px;
	background-image:url(../images/wrapper_background.png);
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}

div#page_container {
	width:798px;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

/*
:::::::::::::::::::::::::::::::::::::
:	Layout - #Header				:
:::::::::::::::::::::::::::::::::::::
*/

div#header {
	height:88px;
	background-image: url(../images/header_background.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#4277A0;
	position:relative;
}

div#header h1 {
	margin: 0;
	padding:0px;
	z-index: 3; 
	width: 272px; 
	background: url(../img/header_logo.jpg) no-repeat;
	text-indent: -9000px;
	overflow:hidden;
}

div#header h1 a {
	display:block;
	background:url(../images/header_logo.jpg) no-repeat;
	height:88px;
	text-decoration:none;
}

div#header div.arabic {
	position:absolute;
	top:15px;
	right:15px;
}

div#header div.arabic a{
	color:#FFFFFF;
	border:1px solid #5A90B6;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
}

div#header div.arabic a:hover{
	color:#FFFFFF;
	border:#fff 1px solid;
	text-decoration:none;
}

/*
:::::::::::::::::::::::::::::::::::::
:	Layout - #Banner				:
:::::::::::::::::::::::::::::::::::::
*/

div#banner {
	height:155px;
	margin:1px 0 1px 0;
}

/*
:::::::::::::::::::::::::::::::::::::
:	Layout - #Navigation			:
:::::::::::::::::::::::::::::::::::::
*/

div#nav_bar {
	height:49px;
	background: url(../images/nav_bar.png) no-repeat;
	margin-bottom:1px;
}

/*	#Navigation --> #menu	*/

div#nav_bar div#menu {
	float:left;
	width:634px;
	height:49px;
	padding-left:1px;
}

div#menu ul,
div#menu ul li {
	list-style:none;
	background-image:none;
	padding:0px;
	margin:0px;
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
}

div#menu ul li {
	display:inline;
}

div#menu a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight:bold;
	line-height: 48px;
	padding: 0 14px;
	text-decoration: none;
	background:url(../images/nav_bar_menu_seperator.png) no-repeat right top;
	font-size:12px;
}

div#menu a:hover {
	background-color:#41739F;
	color: #FFFFFF;
	text-decoration:none;
}

/*	#Navigation --> #Search	*/

div#nav_bar div#search {
	float:right;
	height:49px;
	padding-right:10px;
	text-align:left;
}

div#nav_bar div#search input.inputbox {
	width:140px;
	margin-top:15px;
	padding:2px 4px 2px 4px;
	border:none;
	background:#fff url(../images/search-icon.png) no-repeat 97% center;
}


/*
:::::::::::::::::::::::::::::::::::::
:	Layout - #MainBody				:
:::::::::::::::::::::::::::::::::::::
*/

div#MainBody {
	background:url(../images/left_content_border.png) repeat-y right top;
}

div.moduletable-header{
	width:558px;
	padding-bottom:2px;
	background:url(../images/horizontal_border.png) repeat-x left bottom;
} 
	
/*	MainBody	>>	right_content	*/

div#right_content {
	width:530px;
	padding:15px;
}

/*	MainBody	>>	left_content	*/

div#left_content {
	width:226px;
	padding:4px;
	padding-left:8px;
}

#left_content div.moduletable {
	margin-top:15px;
	padding-bottom:30px;
	background:#EDF3F7 url(../images/module-bottom.png) no-repeat right bottom;
	
}

#left_content div.moduletable p,
#left_content div.moduletable span{
	font-family:Tahoma, Arial;
	line-height: 23px;
	padding:8px;
	text-align:left;
}

#left_content div.moduletable h3 {
	margin:0px;
	line-height: 100%;
	height: 22px;
	color: #516472;
	padding-left: 20px;
	padding-top:22px;
	background:#EDF3F7 url(../images/module-header.png) no-repeat right top;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

/*	Mainlevel Menu		*/

#left_content ul#mainlevel {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left_content ul#mainlevel li {
	display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

#left_content ul#mainlevel li {
	background:none;
	padding:0px;
	margin:0px;
}

#left_content a.mainlevel {
	display: block;
	line-height: 22px;
	text-decoration: none;
	text-align:left;
	margin-top:1px;
	padding:4px;
	padding-left:25px;
	background:#EDF3F7 url(../images/menu_off.gif) no-repeat left top;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

#left_content a.mainlevel:hover {
	background-color: #E2E2E4;
	background-position: left -106px;
	color: #676F86;
}

#left_content a#active_menu {
	background-color: #E2E2E4;
	background-position:left -53px;
	color: #676F86;

}

/*	MainBody	>>	left_content	>>	moduletable*/


/*
:::::::::::::::::::::::::::::::::::::
:	Layout - #Footer				:
:::::::::::::::::::::::::::::::::::::
*/

div#footer {
	height:100px;
	border-top:#8DBADC 4px solid;
}

/*	Footer	>>	footer menu	*/

div.footer_menu {
	text-align:center;
	margin-top:15px;
	padding-right:30px;
	padding-left:30px;

}

div.footer_menu ul,
div.footer_menu ul li {
	list-style:none;
	background-image:none;
	padding:0px;
	margin:auto;
	margin-left:30px;
}

div.footer_menu ul li {
	display:inline;
}

div.footer_menu a {
	display: block;
	float: left;
	padding:0px 10px;
	text-decoration: none;
	border-right:#CCCCCC 1px solid;
	font-weight:bold;
	font-size:12px;
}

div.footer_menu a:hover {
	text-decoration: underline;
}

/*
:::::::::::::::::::::::::::::::::::::
:	Layout - Joomla Core			:
:::::::::::::::::::::::::::::::::::::
*/

.contentheading,
.componentheading {
	font-family:Tahoma, Arial;
	font-weight: bold;
	color: #0761d4;
	font-size:16px;
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:100%;
}

.contentpaneopen_title {
	margin-bottom:30px;
}

table.blog .contentpaneopen_title {
	margin-bottom:0px;
}

table.blog .contentpagetitle {
	display:block;
	background:url(../images/icon_page.gif) no-repeat right center;
	padding-right:25px;
	font-size:24px;
}


table.blog span.article_seperator {
	display: block;
	height: 2px;
	background:#CCCCCC;
}

table.contentpaneopen, table.contentpane {
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

/*	Print/Email	Buttons		*/

td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin:5px 8px 5px 8px;
}

/*	mosimage	*/

div.mosimage {

   margin: 5px
}

.mosimage_caption {
  margin-top: 3px;
  color: #666;
  font-weight:bold;
}
/*
:::::::::::::::::::::::::::::::::::::
:	HTML STUFF						:
:::::::::::::::::::::::::::::::::::::
*/

p {
  	margin-top: 10px;
  	margin-bottom: 15px;
  	line-height: 23px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	word-spacing:1px;
	text-align:left;
}

td {
	vertical-align:top;
}

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 15px 0;
}

h1{
	font-family:Arial, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #0761d4;
	font-size:28px;
	line-height:120%;
	padding-left:15px;
}

h4 {
	font-family: Verdana, Arial, "Times New Roman", Times, serif;
	font-size:12px;
	color: #2C5EAC;
	display:block;
	background:#E5EEF4 url(../images/h4_bullet.png) no-repeat 8px center;
	border-bottom:#D1E3ED 1px solid;
	border-top:#D1E3ED 1px solid;
	padding:6px;
	padding-left:30px;
}
	

ul {
	list-style: none;
	padding: 0;
	padding-left: 10px;	
}

ul li {
	margin: 5px 0;
	padding: 4px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/style1/bullet_small.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	
}

a:link,
a:visited {
	color: #2C5EAC;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


fieldset a {
	font-weight:bold;
}

/*
:::::::::::::::::::::::::::::::::::::
:	Custom Classes					:
:::::::::::::::::::::::::::::::::::::
*/



/*	Lists	>>	arrow	*/

ul.arrow {
	margin: 25px 0;
	padding: 0;
	list-style: none;
	padding-right: 20px;
}

ul.arrow li {
	padding-right: 25px;
	padding-bottom: 10px;
	background: url(../images/style1/bullet_arrow.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/*	Lists	>>	big	*/

ul.big {
	margin: 25px 0;
	list-style: none;
	padding-left:  20px;
}

ul.big li {
	padding: 10px;
	padding-left: 55px;
}

ul.big li.big1 {
	background: url(../images/style1/bullet_1.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big2 {
	background: url(../images/style1/bullet_2.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big3 {
	background: url(../images/style1/bullet_3.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big4 {
	background: url(../images/style1/bullet_4.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big5 {
	background: url(../images/style1/bullet_5.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big6 {
	background: url(../images/style1/bullet_6.png)left 0 no-repeat;
	line-height:180%;
}

ul.big li.big7 {
	background: url(../images/style1/bullet_7.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big8 {
	background: url(../images/style1/bullet_8.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big9 {
	background: url(../images/style1/bullet_9.png) left 0 no-repeat;
	line-height:180%;
}

ul.big li.big10 {
	background: url(../images/style1/bullet_10.png) left 0 no-repeat;
	line-height:180%;
}

/* Forms	>>	contact us form  */

div.contact_email {
	margin-left:10px;
}

div.contact_email input.inputbox {
	margin:8px 0 8px 0;
	padding:4px;
	background:#EDF7FC;
	border:1px solid #AEDBF0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#267DAC;
	width:220px;
}

div.contact_email textarea {
	margin:8px 0 8px 0;
	padding:6px;
	background:#EDF7FC;
	border:1px solid #AEDBF0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#267DAC;
	width:450px;
}

div.contact_email .button {
	float:right;
	margin-right:56px;
}

/*	Tables	>>	data-table	*/

table.data-table {
	border:#93BFE1 3px solid;
	width:454px;
	background:#93BFE1;
	font-family:Tahoma, Arial, Helvetica, sans-serif
}

table.data-table caption {
	text-align:left;
	color:#FFFFFF;
	background:#93BFE1;
	padding-top:8px;
	padding-right:20px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	padding-left: 9px;
}

table.data-table ul{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

table.data-table li{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin-top:5px;
	font-weight:normal;
	font-size:12px;
}

table.data-table td{
	background:#FFFFFF;
	padding:6px;
	padding-right:12px;
	font-size:12px;
}

.right-td {
	background-color:#EBF4FA;
}

/*	Files	>>	Download Links	*/

a.file {
	background:url(../images/span.png) no-repeat left top;
	display:block;
	padding:10px;
	height:18px;
	width:415px;
	padding-left:45px;
	text-decoration:none;
	font-weight:bold;
}

a.file:hover {
	text-decoration: underline;
}

/*	Tables	>>	Flags	*/

td.flag2 {
	text-align:left;
	padding-top:8px;
	padding-right:12px;
}

a.flag:link,
a.flag:visited,
a.flag:active {
	font-family: Arial,Tahoma;
	font-size:12px;
	font-weight:bold;
	color: #2C5EAC;
}

a.flag:hover {
	text-decoration:underline;

}

/*	Web Links	*/
a.category {
	display:block;
	font-family:arial, Tahoma;
	font-weight:bold;
	font-size:12px;
	background:url(../images/weblink.png) no-repeat left center;
	padding:5px;
	padding-left:30px;
	border-bottom:#e4e4e4 1px solid;
}

a.category:hover {
	text-decoration:none;
	border-bottom:#ccc 1px solid;
}



/*============================================================
		FRONT PAGE
============================================================*/
.right {
	float:right;
	width:320px;
}

.left {
	float:left;
	width:455px;
}

div#front_top {
	height:250px;
}

div#front_middle {
	height:340px;

}


div#top_right {
		margin-top:10px;
	border-top:#8DBADC 4px solid;

}

div#top_left {
	height:220px;
	padding-top:15px;
}


div#top_left p,
div#top_left h3{
	padding-right:15px;
	padding-left:15px;
}


div#top_left h3{
	padding-right:15px;
	padding-left:15px;
	margin:0px;
}


/* flex and the news */

	
	div#middle_right {

	
	min-height:340px;
	_height:340px;
	margin-bottom:5px;

	background:#EDF3F7;

	border:#CBE0EF 1px solid;
	border-top:#8DBADC 4px solid;
	border-bottom:#8DBADC 4px solid;


}

/*	flex content	*/

div.flexcontentitem table{

	border-bottom:#CBE0EF 1px solid;

}

div.flexcontentitem h2{
	font-size:14px;
	margin:0px;
	margin-top:12px;
	padding-right:5px;
	color: #516472;
}

div#middle_right h3{

	height:40px;
	line-height:40px;
	color:#FFFFFF;
	margin:0px;
	padding:0 10px;
	background:url(../images/title.png) no-repeat;
	font-size:12px;

}

div#middle_right div.moduletable {
	padding:10px 15px;
}

div#middle_right div.moduletable h3 {
	margin:-10px -15px;
	margin-bottom:10px;
}

div.flexcontentitem a:link,
div.flexcontentitem a:visited,
div.flexcontentitem a:active {
	text-decoration:none;
	color: #516472;
}

div.flexcontentitem a:hover {
	text-decoration:underline;
}

div.flexcontent p {
	text-align:left;
  	margin-top: 2px;
  	margin-bottom: 2px;
  	line-height: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	font-size:12px;
	word-spacing:2px;
	padding:5px;
}

/*==== the balance block ======*/
div#left_first div.moduletable{
	/*height:165px;*/
	margin-bottom:5px;
	border-top:#8DBADC 4px solid;
}



a.mod_docman_lister_link:link,
a.mod_docman_lister_link:visited,
a.mod_docman_lister_link:active{
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
/*	background:url(../images/icon_page.gif) no-repeat 4px center;*/
	display:block;
	margin-right:10px;
	font-size:12px;
}

a.mod_docman_lister_link:hover {
	text-decoration:underline;
}

div#left_first h3,
div#top_right h3{
/*text-indent:-9999px;
	overflow:hidden;*/
	height:22px;
	margin:0px;
	padding:8px;
	background:url(../images/title.png) no-repeat right center;
	margin-bottom:15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
}


/*===== the reports =======*/

div#left_second {
	height:165px;
	margin-bottom:5px;
		border-top:#8DBADC 4px solid;
}



div#left_second h3{
	height:22px;
	margin:0px;
	padding:8px;
	background:url(../images/title.png) no-repeat right center;
	margin-bottom:15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;

}

/*======== newsletter ========*/
div#news_letter {
	height:120px;
	background-color: #2F5F83;
	background-image: url(../images/newsletter_bg.jpg);
	background-repeat: no-repeat;
	padding:8px;
	padding-bottom:0px;
	padding-top:60px;
	border-top:#8DBADC 4px solid;
	
}


div.moduletable-nletter input.inputbox1 {
	width:230px;
	padding:4px;
	margin-bottom:8px;
	border:#fff 1px solid;
	margin-right:27px;
	background:#86A2B7;
	color:#FFFFFF;
	
}

div.moduletable-nletter .padding {
	margin-right:27px;
	margin-left:37px;
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif
}


/*====== the magazine =======*/

div#right_block {
	height:160px;
	padding:10px;
}

div.moduletable-mag h3 {
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-right:10px;
}

div.moduletable-mag p{
	padding-bottom:0px;
}

div.moduletable-mag a:link,
div.moduletable-mag a:visited,
div.moduletable-mag a:active{
	padding-bottom:0px;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

div.taad {
	margin-bottom:35px;
	padding-right:35px;
}

div.taad a {
	display:block;
	font-family: arial, Tahoma;
	font-size:11px;
	background: url(../images/icon_page.gif) no-repeat left 2px;
	padding-left:18px;
	font-weight:bold;
}

div.taad a :hover {
	text-decoration:none;
	border-bottom:#ccc 1px solid;
}


tr.manage {
	font-family:Tahoma, arial;
	font-weight:bold;
	font-size:16px;
}

td.man,
td.pos {
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}

td.man {
	width:220px;
}


/*======================================================*/

.articles {
	border-bottom: 1px solid #DBDED6;
	margin-bottom: 10px;
	padding-bottom: 8px;
	height:auto;
	_height:1em;
}
.articles p {
	padding: 0;
	margin: 3px 0;
	color: #333;
	margin-top:-3px;
}
.articles img {
	padding: 2px;
	background-color: #e4e4e4;
	border: 1px solid #ccc;
	float: right;
	margin: 0 0 0 10px;
}
a.dgm_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
a.dgm_title:hover {
	text-decoration:none;
}
.articles .createdate {
	display:block;
	height:20px;
	line-height:20px;
}
.articles .clear {
	clear: both;
	line-height: 0 !important;
	font-size: 0 !important;
	height: 0 !important;
	border: 0 none;
!important;
	margin:0 !important;
	padding:0 !important;
	visibility:hidden;
}
 table.currency { margin-top:-10px; width:100%; border-top: 1px solid #CBE0EF;  border-left: 1px solid #CBE0EF; }
 table.currency th,   table.currency td { font-size:11px; padding:4px; border-bottom: 1px solid #CBE0EF; border-right: 1px solid #CBE0EF; text-align:center;}
 table.currency th {	 text-align:center; }