@charset "utf-8";

/*--- KAVAQ Website Style ----

Author: Ahmed Jabar
Website: ahmedjabar.com

Colors:
	* Light Blue:		#3399FF; (Headlines)
	* Dark Blue :		#012853; (Mid Area & Menu Text Color)
	* Very Dark Blue:	#001832; (Background Color)
	* Dark Gray: 		#012853; (Buttons)
	* Very Light Gray:	#e5e8e5; (Menu Background)
	* light Gray:  	 	#7d7d7d; (Borders)
	
*/

/*------ Browser Resetting -------*/

* {  
	vertical-align: baseline;  
	font-family: Tahoma;  
	font-style: inherit;  
	font-size: 100%;  
	border: none;  
	padding: 0;  
	margin: 0; 
	text-decoration:none; 
	}  
	
html, body {
min-height: 100%;
}
	
body p a{text-decoration:underline;}
	
body {  
	padding: 0px 5px;  
	font-family:Tahoma;
	font-size:12px;
	line-height:17px;
	margin:0;
	background:#dfdfdf;
	background-image: url(../images/cust_bgshadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
	
	}  

/*------------ Content Structure ---------*/

#wrapper {
	padding:2px;
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#fff;
	min-height: 100%;
}

#header{
	height:30px;
	margin:0px;
	background:#fff;
	
}

	#logo{
		height:52px;
		margin:4px;
		padding:18px;
		
	}
	/*--------- MENU STYLE -------------*/
	/* ================================================================ 
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/elegant2.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */

	#menu, #menu ul {padding:0; margin:0; list-style:none; height:30px; background:none;border-bottom:1px solid #fff; background-color:#e5e8e5; z-index:6000;}
	#menu {padding-left:0px; clear:both; padding-top:0px; margin:0; z-index:6000;}
	#menu li.first {border-left:none;}
	#menu li.last {border-right:none;}
	#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
	#menu ul {position:absolute; left:-9999px; z-index:6000;}
	#menu li {float:left; background-color:#e5e8e5; z-index:6000;}
	#menu li a {white-space:nowrap; background:none; display:block; float:left; height:30px; line-height:30px; font-family:Tahoma; font-size:14px; text-decoration:none; color:#012853; padding:0 20px 0 15px; z-index:6000;}
	#menu li a.drop {background:none;}
	
	#menu li a:hover {position:relative; color:#ccc; background-color:#012853;}
	
	#menu li:hover {position:relative;}
	#menu li:hover > a {color:#fff; background-color:#012853;}
	
	#menu :hover ul {left:-1px; top:29px; width:130px; background:url(trans.gif); padding-top:1px; border-bottom:0; z-index:6000; }
	#menu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:20px; width:130px; border-bottom:1px solid #fff; color:#012853; font-size:12px; background:#e5e8e5; z-index:6000;}
	#menu :hover ul li a:hover {color:#012853; background:#ccc;}
	#menu :hover ul li a.right {background:#7a8aba url(images/right.gif) no-repeat 135px center;}
	
	#menu :hover ul ul {left:-9999px; padding-top:0;}
	#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
	#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
	#menu :hover ul :hover ul {left:150px; top:21px;}
	#menu :hover ul :hover ul ul {left:-9999px;}
	
	#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
	#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
	#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
	
	#menu :hover ul :hover ul :hover ul {left:150px;}
	#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
	
	#menu .current-page{color:#fff; background-color:#012853;}
	/*--------- END MENU STYLE -------------*/
	
#mid-area{
	height:100px;
	background:#012853;
	margin:0px;

}

#mid-area h2{font-size:14px;color:#fff; padding-top:60px; padding-left:10px;}

#banner-area{
	height:160px;
	background:#1e2230;
	margin:0px;

}

#content-wrapper{
	min-height:300px;
	background:#fff;
}

#content-area{
	width:590px;
	margin-left:310px;
	padding:5px;
	background:#fff;
}

#left-area{
	width:305px;
	float:left;
	padding:5px;
	background:#fff;
}
	#InnerBox{
		width:97%;
		padding:2px;
		border:3px solid #e5e8e5; 
	}
	#search-box{padding:5px; background:#012853; padding-bottom:5px;}
	#search-input{height:25px; width:98%; border:2px solid #cdcccd; margin-bottom:0px; }
	#search-button{float:right; margin-right:2px; width:60px; height:20px; font-size:12px; font-weight:bold; background-color:#cdcccd;}
	#search-button:hover{background-color:#012853; color:#FFF; border:1px solid #cdcccd; cursor:pointer;}
	
	#indicator1{margin-top:-1px; margin-left:0px; background:#fff; text-transform:uppercase; font-family:Tahoma; font-weight:bold;}
	.autocomplete{position:relative; background-color:#fff; margin-top:-1px; padding:0 0 10px 0; border:0px solid #cdcccd; z-index:6000; width:250px; }
	.autocomplete ul{border:2px solid #cdcccd; padding-right:30px; border-top:0; width:250px;}
	.autocomplete li, .autocomplete a{padding:2px 5px; margin:0; color:#012853; list-style:none; z-index:1000; position:relative; width:108%;}
	
	ul.autocompleter-choices li.selected{background-color:#ccc;color:#000;}

	.autocomplete .choice:hover{background-color:#cdcccd; cursor:pointer; z-index:1000;}
	
	.normal-list{list-style:none; margin:5px 0; }
	.normal-list li{list-style:none; margin:5px 0; padding-left:8px; }
	.normal-list li:hover{background-color:#e5e8e5;}
	.normal-list li{border-bottom:1px dotted #cdcccd; padding:2px;}
	.normal-list li a{ font-weight:bold; color:#012853; font-size:12px; border:none !important; }
	.normal-list a{ font-weight:bold; color:#012853; font-size:12px; border:none !important; }
	.normal-list li a:hover{color:#3399FF;}
	.normal-list a:hover{color:#3399FF;}
	
	body ul, body ul li{padding:0;}
	.sectors, body ol{list-style:none; margin:5px 0; }
	#content-area ul li{list-style:square inside; margin:5px 0; padding-left:8px; }
	.sectors li, body ol li{border-bottom:1px dotted #cdcccd; padding:2px;}
	.sectors li a,body ol li a{ font-weight:bold; color:#012853; font-size:12px; border:none !important; }
	.sectors a,body ol a{ font-weight:bold; color:#012853; font-size:12px; border:none !important; }
	.sectors li a:hover, body ol li a:hover{color:#3399FF;}
	.sectors a:hover, body ol a:hover{color:#3399FF;}
	
	.button-holder{margin-top:10px; display:block;}

#footer{
	margin:0 0 -2px -2px;
	width:914px;
	padding:2px 0;
	text-align:center;
	background:#e5e8e5;
	color:#012853;
	border-top:1px solid #ccc;
	font-size:11px;
}

	#footer-nav{
		padding:0px;
		margin:0;	
		white-space:nowrap;
		list-style:none;
		font-family:Tahoma;
		font-weight:bold;
	}

	#footer-nav li{
	 	margin: 0;
	 	list-style:none;
	 	display:inline; 
	 }
	#footer-nav li a{
		width:100%;
		margin:0;		
		padding: 0px 0px 3px 6px;
		text-align:left;
		font-size:12px;
		color:#012853;
	}
	
	#footer-nav li a:hover{
		cursor:pointer;
		padding-right:0px;
		color:#012853;
	}

/*======================  Forms Elements =========================*/

.form{padding:5px;}
.form fieldset{border:1px solid #cdcccd; padding:8px;}
.form fieldset legend{font-size:12px; color:#3399FF;}
.form label, .form input,.form select {display: block; width: 150px; float: left; margin-bottom: 5px;}
.form label {width:100%;}
.form input, .form textarea, .form select{border:1px solid #ccc;}
.form .hidden-field{border:none; width:0px; height:0px;}
.button_style{margin:5px 0 0 10px; width:auto;}
.button{font-size:12px; font-weight:bold; background-color:#cdcccd; padding:5px;}
.button:hover{cursor:pointer; background:#012853;color:#FFFFFF;}
.button_small{width:auto; height:auto; font-size:11px; font-weight:normal; background-color:#cdcccd; padding:2px;}
.button_small:hover{cursor:pointer; background:#012853; color:#FFF;}
.br {clear: left;}
.h3_small{color: #012853;font-family:Tahoma;margin:0;padding:0 3px 0 3px;width:100px;font-size:12px;}
#error{background-color:#FFCC00; color:#0e0932; padding:15px; margin:5px 0 5px 0; border:1px solid #f8f8f8; font-size:13px; font-weight:bold;}

/*---------- Pagination Style ------------*/
.pagination_records{background:#e5e8e5; border:1px solid #ccc; margin-left:2px; padding:5px;}
.pagination_records h4{ margin-bottom:5px;}
.pagination_records span{border:1px solid #ccc;}
.pagination_records span a{padding:0 10px 0 10px; margin-top:5px 2px; color:#012853; font-weight:bold;}
.pagination_records span a:hover{background:#012853; color:#FFFFFF;}
.pagination_current{background:#012853; color:#FFFFFF; font-weight:bold; padding:2px 10px 2px 10px; border:1px solid #ccc;}
/*---------- Shortcut Class ------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.small-text{font-size:10px;}
.bold{font-weight:bold;}
.italic2{font-style:italic; }
.x-small-text{font-size:9px;}
.white-color{color:#FFF;}
.gray-color{color:#012853;}
.lightgray-color{color:#7d7d7d;}
.lightblue-color{color:#3399FF;}
.flag{float:left; height:100px; padding-right:5px; padding-bottom:45px;}
.InnerBox-HeadText{font-size:12px; padding:2px; margin:0; color:#3399FF; border-top:1px solid #e5e8e5; border-bottom:1px solid #cdcccd; text-align:left;}
.content-header, .content-header a{font-size:14px; padding:5px 0 10px 0; margin:5px 0 5px 0; border-top:1px dotted #cdcccd;  border-bottom:1px dotted #cdcccd; text-align:left; color:#3399FF!important;}
.content-header a{border:none}
.content-header a:hover{color:#012853 !important;}
.seperator{height:10px; border-bottom:1px dotted #e5e8e5; margin:0; padding:0;}
.highlight{border:3px solid #e5e8e5; padding:5px 5px 10px 5px; font-size:12px; }
.advertisment{border:none; color:#A8A8A8;float:right;font-size:10px}
#loading{padding:5px; background-color:#e5e8e5; font-weight:bold; color:#333333;}
/*---------- General Classes ------------*/
h1{font-size:18px; font-family:Tahoma; font-weight:bold; margin:5px 0px 5px 0px;}