@charset "utf-8";
/* CSS Document */
/* GLOBAL
===========================================================================================================*/
html, body 			{ height: 100%; background-color:#FFFFFF;}
body 				{ font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:62.5%; line-height:1.8em; color:#555; text-align:center; }

a:link {text-decoration: none; color: #000099;}
a:visited {text-decoration: none;color: #000000;}
a:hover {text-decoration: none;	color:#FF0000;}
a:active {text-decoration: none;}


/* FIRSTNAV
===========================================================================================================*/
#firstnav 								{ clear:both; margin:0 auto; padding:0; width:78.1em;  }
#firstnav ul	 						{ margin:0.8em auto 0 auto; padding:0; width:100%; list-style: none; }
#firstnav h2							{ margin:0; padding:0; font-size:1em; line-height:1.5em; font-weight:normal;}
#firstnav ul li  						{ float:left; margin:0; padding:0.7em 0 0 0; }
#firstnav ul a:hover					{ cursor:pointer;background-position:0% -64px; }
#firstnav ul a:hover span 				{ background-position:100% -64px; }
#firstnav ul li#firstnav_new a span		{ width: 8.61em; }
#firstnav ul li#firstnav_vps a span		{ width: 8.61em; }


#firstnav ul li.wow,
#firstnav ul li.new,
#firstnav ul li.vps 					{ margin-top:-7px; }



#firstnav ul li.wow a					{ background-image:url(); }
#firstnav ul li.new a					{ background-image:url(); }
#firstnav ul li.vps a					{ background-image:url(); }
#firstnav ul li.wow a:hover,
#firstnav ul li.new a:hover,
#firstnav ul li.vps a:hover 			{ background-position:0 -71px; }
#firstnav ul li.wow a:hover span,
#firstnav ul li.new a:hover span,
#firstnav ul li.vps a:hover span		{ background-position:100% -71px; }

/* Makeshift dropdown menu */
#firstnav li							{ position:relative; z-index:10000000000000;}
#firstnav li ul							{ position:absolute; left:0; top:-999px; font-size:1.1em; }
#firstnav li li 						{ float:none; margin:0; padding:0; }
#firstnav ul li li a					{ display:block; background:#393939 !important; border:none; color:#fff; height:3em; line-height:3em; float:none;}
#firstnav li li a:hover					{ background:#4f4f4f !important; }
#firstnav li li.last a					{ border-bottom:0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }

#firstnav li:hover ul,
#firstnav li.sfHover ul					{ top:30px; }

#firstnav li.new:hover ul,
#firstnav li.sfHover.new ul					{ top:37px !important; }

/* FIRSTNAV
=============================================================================================*/
#firstnav{ text-align:left; }
#firstnav ul li a						{ float:left; padding:0 0 0 13px; background:url(../images/menu/firstnav_left-btn.png) no-repeat left top; border-bottom:1px solid #969696; text-decoration:none; }
#firstnav ul li a span 					{ float:left; display:block; padding:0.75em 1.083em 0.583em 0; width:8.665em; background:url(../images/menu/firstnav_right-btn.png) no-repeat right top; font-size:1.2em; text-align:center; color:#333; white-space:nowrap; }
#firstnav ul li.wow a					{ background-image:url(../images/menu/firstnav_wow_left-btn.png); }
#firstnav ul li.new a					{ background-image:url(../images/menu/firstnav_new_left-btn.png); }
#firstnav ul li.vps a					{ background-image:url(../images/menu/firstnav_vps_left-btn.png); }
#firstnav ul li.wow a span				{ padding-top:1.333em; background-image:url(../images/menu/firstnav_wow_right-btn.png); }
#firstnav ul li.new a span				{ padding-top:1.333em; background-image:url(../images/menu/firstnav_new_right-btn.png); }
#firstnav ul li.vps a span				{ padding-top:1.333em; background-image:url(../images/menu/firstnav_vps_right-btn.png); }

.nowrap 		{ white-space:nowrap; }
.hide 			{ display:none; }
.show 			{ display:inherit; }


/* ROUNDBOX 2
===========================================================================================================*/
.roundbox2 .bottomleft,
.roundbox2 .bottomright,
.roundbox2 .topright,
.roundbox2 .topleft			{ background:url(../images/roundbox2-bg.png) 0 0 no-repeat; }

.roundbox2 .bottomleft		{ padding-left:5px; background-position:0 100%; }
.roundbox2 .bottomright	 	{ padding-bottom:5px; background-position:100% 100%; }
.roundbox2 .topright		{ padding-right:5px; background-position:100% 0; }
.roundbox2 .topleft 		{ margin-left:-5px; padding:5px 0 0 5px; background-position:0 0; }

.roundbox2 .content			{ padding:2px; height:1%;}

.roundbox2 h1.first,
.roundbox2 h2.first,
.roundbox2 h3.first,
.roundbox2 h4.first 		{ margin-top:0; }

.roundbox2_orange .bottomleft,
.roundbox2_orange .bottomright,
.roundbox2_orange .topright,
.roundbox2_orange .topleft 	{ background-image:url(../images/roundbox2_orange-bg.png);}

.fieldset {
  border:0px;
  }
  /* Form styles*/
.fieldset .nobr {display:none;}  
.fieldset .textfield {
margin-bottom:3px;
padding-left:10px;
height:20px;
width:200px;
border:solid 0 #fff;
background: transparent url("../images/form/textfield_bg.gif") no-repeat;
}
.fieldset .textarea {
margin-bottom:3px;
height:165px;
width:350px;
border:solid 0 #fff;
background: transparent url("../images/form/textarea_bg.gif") no-repeat;
}
.fieldset .textarea2 {
margin-bottom:3px;
height:141px;
width:300px;
border:solid 0 #fff;
background: transparent url("../images/form/textarea_bg2.png") no-repeat;
}
.submit {
margin:3px;
padding-right:15px;
background: transparent url(" ") no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font-family: Segoe UI, Arial, Verdana, Sans-Serif;
font-size:10.5px;
color: #FFFFFF;
text-transform:uppercase;
 }
.photos{
	width: 98%; /* The photos should be the entire width of it's surrounding object, in this case the whole page */
	height:100%;
	border:solid black 0px;
 }
 
.photos ul{
	margin: 0;
	padding: 2px;;
	float: left;
	}
 
.photos ul li{
padding:3px;
border:solid  #999999 1px;
padding-bottom:0px;
margin-bottom:5px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
.videos{
	width: 98%; /* The photos should be the entire width of it's surrounding object, in this case the whole page */
	height:100%;
 }
 
.videos ul{
	margin: 0;
	padding: 2px;;
	float: left;
	}
 
.videos ul li{
margin-right:8px;
margin-bottom:-10px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
.footer{
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;   
	width:909px;
	height:35px;
	text-align:center;
	margin:3px 0 0 0;
	margin-bottom:0px;
	padding-top:8px;
	font-size:16px;
	color:#000000;
}.label {
	font-family: Calibri;
	font-weight: bold;
	font-size: 14px;
}
.empty{
	font-family: Calibri;
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
}
.note{
	font-family: Calibri;
	font-weight: bold;
	font-size: 14px;
	color: #0033CC;
}
.normal_txt {
	font-family: Calibri;
	font-size: 16px;
	color: #000000;
}
.bold_txt {
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.login_title {
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color: #339900;
}
.align-left { float:left; margin: 0 15px 15px -25px; }
.frame { padding: 5px; border: 1px solid #aaa; }

/* Sidebar Starts */
.sideBar {
 position: fixed;
 width: 32px; /* Set width to width of the sideBarTab image (slide-button.gif) */
 height: 200px;
 top: 200px;
 left: 0;
 background: transparent url(../images/luqadaha_kale.png) repeat-y top right; z-index:8900000000;

}
.sideBarTab {
 float: right;
}
.sideBarTab, .sideBarTab img {
 height: 200px; /* Set height and width to dimensions of the sideBarTab image (slide-button.gif) */
 width: 32px;
 display: block;
 border: none;
}
.sideBarContents {
 z-index:80000000000;
 overflow: hidden;
 float: left;
 height: 0;
 width: 0;
}
#bar1 .sideBarContentsInner li {
 width: 150px;
}