/* CSS Document */
body{background:#DBDBDB url(../img/body/epaper-body.jpg) repeat-x left top;}
#epaper-header{
	position:relative;
	clear:both;
	margin:0 auto;
	width:995px;
	height:150px;
}
	#epaper-header .logo{
		position:absolute;
		right:5px; top:20px;
	}
	#epaper-header .ehead-ad{
		position:absolute;
		left:0px; top:0px;
		height:90px; width:728px;
	}
	#epaper-header .emenu{
		position:absolute;
		left:0px; top:98px;
		height:40px;
		width:750px;
		background:url(../img/header/menu-bg.jpg) repeat-x left top;
	}
	#epaper-header .emenu ul{ direction:rtl; margin-top:5px;}
	#epaper-header .emenu ul li{display:inline;}
	
	
	
	
	
	
	
	
	.emenu-left{
		position:absolute;
		left:0px; top:0px;
		background:url(../img/header/menu-left.jpg) no-repeat left top;
		width:4px; height:4px;
	}
	.emenu-right{
		position:absolute;
		right:0px; top:0px;
		background:url(../img/header/menu-right.jpg) no-repeat right top;
		width:4px; height:4px;
	}
	
#nw-epaper, #epaper{
	position:relative;
	clear:both;
	margin: 0 auto;
	width:990px;
	padding:3px;
	background-color:#fff;
	border:#FFFFFF solid 1px;
}

#epaper{
	position:relative;
	direction:ltr;
}
		#epaper .eleft{
			position:relative;
			float:left;
			width:170px;
			display:inline;
		}
			#epaper .eleft .ad-google-160{
				position:relative;
				margin:0 auto;
				width:164px;
				height:604px;
				padding:2px;
				border:#D5D5D5 solid 1px;
			}
			#epaper .eleft .nw-e-archives{
				position:relative;
				margin-top:5px;
				border:#D5D5D5 solid 1px;
				text-align:left;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				background-color:#E5E5E5;
				padding:4px;
				
			}
			#epaper .eleft .nw-e-archives h4{
				font-weight:bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				padding:5px;
			}
			#epaper .eleft .nw-e-archives select{display:block; margin-bottom:2px;}
		
		#epaper .eright{
			position:relative;
			float:right;
			width:810px;
			background-color:#ABABAB;
			
		
		}
	
	#epaper .eheader{
		position:relative;
		margin:0 auto;
		width:100%;
		padding:5px 0px 5px 0px;
		background-color:#575757;
		text-align:center;
	}
		#epaper .eheader h1{
			font-family:"Times New Roman", Times, serif;
			font-size:20px;
			color:#EAEAEA;
			font-weight:bold;
		}
		#epaper .eheader .hsmall{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:100;
			
		}
			#epaper .eheader ul{
				position:absolute;
				right:10px; top:10px;
			}
			
			#epaper .eheader ul li{
				display:inline;
				padding:4px 10px 4px 10px;
			}
			#epaper .eheader ul li a{
				color:#FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-decoration:none;
				padding:4px 6px 4px 6px;
				background-color:#2D2D2D;
				-moz-border-radius:4px 4px;
			}
			#epaper .eheader ul li a:hover{background-color:#CC0000;}
			
			#epaper .eheader form{
				position:absolute;
				left:5px; top:10px;
			}
				#epaper .eheader label{
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#FFFFFF;
					font-weight:bold;
				}
			
			
		#epaper .ebody{
			position:relative;
			text-align:center;
			padding-left:4px;
			padding-top:4px; padding-bottom:4px;
		}	
		#epaper .ebody img.map{
		}
		#epaper .ebody p.pub-date{
			text-align:left;
			padding:2px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-style:italic;
		}
			
		#epaper .eother-paper{
			position:relative;
			padding:2px;
			text-align:left;
			margin:4px;
			background-color:#CCCCCC;
			border:#999999 dashed 1px;
			
		}
			#epaper .eother-paper h2{
				position:absolute;
				right:10px; top:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#FFFFFF;
				font-style:italic;
				padding-right:10xp;
			}
			#epaper .eother-paper a{}
			
			
	#nw-e-banner{}
	#nw-e-banner .left-img{float:left;}
	#nw-e-banner .right-img{float:right;}
	


	#nw-e-menu{
		position:relative;
		overflow:hidden;
		background-color:#000000;
		padding:5px; 
	}
	#nw-e-menu h5{
		position:relative;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#FFFF00;
		display:block;
		padding:5px;
		text-align:left;
		direction:ltr;
		border-bottom:#818181 solid 1px;
		margin-bottom:5px;
	}
	#nw-e-menu .nw-e-pages{
		position:relative;
		float:left;
		display:inline;
		width:400px;
		padding:5px;
		text-align:left;
		direction:ltr;
	}

		#nw-e-menu .nw-e-pages label, #nw-e-menu .nw-e-archives label{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px; color:#FFFFFF; font-weight:bold;
			padding-right:10px;
		}
		#nw-e-menu .nw-e-pages select{ padding:2px; border:#CCCCCC solid 1px;}
		
	#nw-e-menu .nw-e-archives{
		position:relative;
		float:right;
		display:inline;
		width:400px;
		color:#FFFFFF;
		direction:ltr;
	}
			#nw-e-menu .nw-e-archives h3, #nw-e-menu .nw-e-archives form{display:inline;}
			

		/***************/
		.nw-e-menu{

		}
		
		
		
		
		
		
	
		.nw-e-menu #slick-toggle{
			position:relative;
			float:right;
			padding:4px;
			display:inline;
			background-color:#3B3B3B;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#CCCCCC;
			cursor:pointer;
			line-height:20px;
		}
		.nw-e-menu #slick-toggle:hover{background-color:#3B3B3B; color:#fff;}
		#slickbox{
			position:absolute;
			top:0px;
			width:100%;
			display:none;
			clear:both;
			position:relative;
			background-color:#3B3B3B; color:#fff;
			direction:rtl;
			text-align:right;
		}
			#slickbox h3{
				text-align:right;
				display:block;
				color:#fff;
				padding:5px;
			}
			#slickbox #cal_drop2{
				position:relative;
				width:70%;
				padding:5px;
			}
			#cal_drop2 select{
				border:#CCCCCC solid 1px;
				padding:2px;
				display:inline;
				}
		
	/**************************************/
	#pagemap{border:#FF0000 solid 2px;}
	map a:hover{border:#FF0000 solid 1px;}
	area{border:#FFFF00 solid 2px;}
	/*
	<img src="http://localhost/nawaiwaqt/E_Paper/17-12-2009/Lahore/17.gif" useMap="#pagemap" />

		<map id="pagemap" name="pagemap"><area id="1" shape="rect" alt="" title="" coords="375,1,742,386" href="#" url="Lahore/2009-02-17/page-1/detail-1" onclick="showDetail(this)" target="" /></map></div>
</div>

	/(*/
	/****************************************************************/
#ethumb{
	position:relative;
	border:#D5D5D5 solid 5px;
	background-color:#EBEBEB;
	margin-top:5px; margin-bottom:5px;
}
	#ethumb h3{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#575757;
		background-color:#D5D5D5;
		padding:5px 0px 5px 0px;
	}	
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container {
/*    background: #F0F6F9;
    border: 1px solid #346F97;*/
}


.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100px;
    height: 500px;
    padding: 40px 40px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100px;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 70px;
    height: 100px;
	padding:5px;
	text-align:center;
	background-color:#FFFFFF;
	border-top:#CCCCCC dotted 1px;
	border-bottom:#CCCCCC dotted 1px;
}
	.jcarousel-skin-tango .jcarousel-item a{text-decoration:none; color:#FFFFFF;}
	.jcarousel-skin-tango .jcarousel-item small{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:17px;
	}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 65px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background:url(../img/icons/epaper-down.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {}

.jcarousel-skin-tango .jcarousel-next-vertical:active {}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 65px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background:url(../img/icons/epaper-up.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {}