/* Layout */

@import "common.css?v-111209";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f3f3f3;
	/*background-image: url(/img/layout/new_img/dark-25.png);*/

}



*

{

	margin:0;

	padding:0;

}



form

{

	margin: 2px;

}



#overDiv td

{

	padding: 2px;

}



h1

{

	font-size: 16px;

	font-family: Arial,sans-serif;	

	font-weight: normal;

}



h2

{

	font-size: 15px;

	font-family: Arial,sans-serif;	

}



h4

{

	font-size: 15px;

	color: #403D28;

	font-family: Arial,sans-serif;	

	padding: 5px 0;

}



.content-small

{

	font-size: 11px;

	font-family: Verdana, Helvetica, sans-serif;

	line-height: normal;

	color: #000;	

}



.content-head

{

	font-family: Arial,sans-serif;

	font-size: 14px;

	color:#66623D;

	font-weight: bold;

}



.content

{

	font-family: Verdana,Arial,sans-serif;

	font-size: 12px;

	line-height: 1.4em;

	color: #000;

}



.content p

{

	line-height:18px;

	margin-top:10px;

}



.note

{

	padding: 10px;

	border: 1px solid #86A800;

	color: #000;

	font-weight: bold;

	margin-bottom: 10px;

	background-color: #F9F9F0;

	font-size: 11px;

	font-family: Verdana, Helvetica, sans-serif;

	line-height: normal;	

}



.arial{font-family: Arial, Helvetica, sans-serif;}

.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}

.tahoma{font-family: Tahoma, Arial, Helvetica, sans-serif;}



/* Font Sizes */



.ten {font-size: 10px;}

.eleven {font-size: 11px;}

.twelve {font-size: 12px;}

.thirteen {font-size: 13px;}

.fourteen {font-size: 14px;}

.fifteen {font-size: 15px;}

.sixteen {font-size: 16px;}

.seventeen {font-size: 17px;}

.eighteen {font-size: 18px;}

.nineteen {font-size: 19px;}

.twenty {font-size: 20px;}



/* Font Colours */



.darkbrown {color: #403D28;}

.mediumbrown {color: #66623D;}

.lightbrown {color: #826600;}

.black {color: #000000;}

.gray {color: #6D6D6D;}

.lightgray {color: #CCCCCC;}

.red {color: #E70000;}

.orange {color: #FF6600;}

.yellow {color: #FFFF00;}

.green {color: #86A800;}

.sharp_blue {color: #0072C1;}

.brownishgray {color: #64644E;}



/* Font Style & Weight */



.bold {font-weight: bold;}

.italic {font-style: italic;}

.strikeout {text-decoration: line-through;}



/* Hovers */



.n2u {text-decoration: none;}

.n2u:hover {text-decoration: underline;}



.u2n {text-decoration: underline;}

.u2n:hover {text-decoration: none;}



.gray2red {color: #6D6D6D; text-decoration: none;}

.gray2red:hover {color: #E70000;}



.gray2orange {color: #64644E; text-decoration: none;}

.gray2orange:hover {color: #FF6600;}





.white2yellow {color: #FFFF00; text-decoration: none;}

.white2yellow:hover {color: #FFFF00; text-decoration: underline;}



.red2black {text-decoration: none;color: #CC0000;}

.red2black:hover {text-decoration: none;color: #000000;}



.black2blue {text-decoration: none;color: #000000;}

.black2blue:hover {text-decoration: none;color: #0097DD;}



.blue2black {text-decoration: none;color: #0097DD;}

.blue2black:hover {text-decoration: none;color: #000000;}



.black2red {text-decoration: none;color: #000000;}

.black2red:hover {text-decoration: none;color: #CC0000;}



.brown2black {text-decoration: none;color: #826600;}

.brown2black:hover {text-decoration: none;color: #000000;}



.darkbrown2black {text-decoration: none;color: #403D28;}

.darkbrown2black:hover {text-decoration: none;color: #000000;}



.sharpblue2orange {text-decoration: none;color: #0072C1;}

.sharpblue2orange:hover {text-decoration: none;color: #FF6600;}



.leftmenu-link {

/*	font-variant: small-caps;*/

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-decoration: none;

	color: #403D28;

	line-height: 1.4em;

}

.leftmenu-link:hover {text-decoration: underline;color: #0072C1;}



.leftmenu-sublink {

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	text-decoration: none;

	color: #403D28;

	line-height: 1.4em;

}

.leftmenu-sublink:hover {text-decoration: underline;color: #0072C1;}



.focus-link {font-family: Arial, Helvetica, sans-serif; font-size:12px;text-decoration: none;color: #FF6600; font-weight:bold;line-height:normal;}

a.focus-link:hover {text-decoration: underline;color: #FF6600;}



.orange-big-text {font-family: Arial, Helvetica, sans-serif; font-size:14px;text-decoration: none;color: #FF6600; font-weight:bold;}



.panel-focus-text {font-family: Arial, Helvetica, sans-serif; font-size:14px;text-decoration: none;color: #0072C1; font-weight:bold;}

a.panel-focus-text:hover {text-decoration: underline;color: #0072C1;}

.top-link-box

{

	width:88%;

	border:1px solid #D0CFB6;

	background-color:#F0EFDB;

	padding:5px;

	border-top:0;

	/*background-image:url(/img/layout/bg.gif);*/

}



.top-link {

	text-decoration: none;

	color: #403D28;

	letter-spacing: 1px;

	font-size: 12px;

	font-variant: small-caps;

}

.top-link:hover {text-decoration: underline;color: #FF6600;}



.red-link {text-decoration: none;color: red; letter-spacing:1px; font-size: 12px; font-weight:bold;}

.red-link:hover {text-decoration: underline;color: red;}



.block {

	color: #E70000;

	text-decoration: none;

	display: block;

	padding-left: 5px;

	padding-right: 5px;

	background: transparent;

	float: center;

	margin: 0;

	line-height: 14px;

	white-space: nowrap;

}

.block:hover {

	color: #FFFFFF;	

	background: #E70000;

}







.bg1{

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #FFFFFF;

}



.border1{

	border: 1px solid #CDCDC1;

}

.border2{

	border: 1px solid #A8A893;

	padding: 2px;

}

.cur{

cursor: pointer;cursor: hand;

}



.dotline

{

	border-bottom: 1px dotted #66623D;

	margin-bottom: 3px;

	padding-bottom: 5px;

}



.dotsep

{

	border-right: 1px dotted #66623D;

	margin-right: 3px;

}



input,textarea,select {

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 1px solid #ACAD98;

	padding: 2px;

	margin: 0px;

}



input.push-button

{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

	border-collapse: collapse;

	border-style: outset;

	background-color: #EFEFEF;	

}



input.image

{

	border-style:none;

}



td.newsfooter

{

	background-color: #F3F1DC;

}



td.formlabel

{

	color: #66623D;

	font-family: Arial,Verdana, Helvetica, sans-serif;

	font-size: 12px;

	width: 20%;

	text-align: right;

	vertical-align: top;

}



td.formitem, td.formitem label

{

	color: #66623D;

	font-family: Arial, Verdana,  Helvetica, sans-serif;

	font-size: 12px;

	text-align: left;

	vertical-align: top;

	padding: 0 0 5px 5px;

}



a img

{

	border:none;

}



#resultDiv

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	vertical-align: middle;

	color: maroon;

	display:none;

	margin-top:5px;

	text-align: center;

/*	right: 4px;*/

	width: 100%;

	height: 30px;

	background-color: #CCCFFF;

	border: 1px solid gray;

}



label

{

	cursor:pointer;

	cursor:hand;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	vertical-align: absmiddle;

}



.newlink

{

	font-size: 9px;

	font-weight: bold;

	color: red;

}



.blue-button

{

	background-color: #0072C1;

	padding: 3px 7px;

	font-size: 13px;

	font-weight: bold;

	color: white;

	border: 1px solid #FFFFFF;

	-moz-border-radius-bottomleft:6px;

	-moz-border-radius-bottomright:6px;

	-moz-border-radius-topleft:6px;

	-moz-border-radius-topright:6px;

}



a.button

{

	border: 1px solid #328AB2;

	background-color: #CEE1EF;

	-moz-border-radius-bottomleft:3px;

	-moz-border-radius-bottomright:3px;

	-moz-border-radius-topleft:3px;

	-moz-border-radius-topright:3px;

	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;

	font-size:13px;

	padding:0px 5px;

	color: #224466;

	text-decoration:none;

	margin-top:10px;

}



a.button:hover

{

	color:#D54E21;

}



/* start: Urdu keyboard CSS */



.btnFlat {

	background: #ECECEC;

	border: 1px solid #D3D3D3;

	cursor: pointer;

	cursor: hand;

	text-align:center;

	font-family:Urdu Naskh Asiatype;

	font-size:16px;

}



.btnRaised, .btnFlat:hover {

	background: #D3D3D3;

	border: 1px outset;

	cursor: pointer;

	cursor: hand;

	text-align:center;

	font-family:Urdu Naskh Asiatype;

	font-size:16px;

}

.btnLowered, .btnFlat:active {

	background: #D3D3D3;

	border: 1px inset;

	cursor: pointer;

	cursor: hand;

	text-align:center;

	font-family:Urdu Naskh Asiatype;

	font-size:16px;

}



/* end: Urdu keyboard CSS */



.default_box

{

	padding: 10px;

	border: 1px solid #F9F9F0;

	background: transparent url(/img/layout/default_box_bg.gif) repeat-x top;

	margin-bottom: 5px;

	text-align:left;

}



.highlight_box

{

	padding: 10px;

	border: 1px solid #D0CFB6;

	background: transparent url(/img/layout/orange_box_bg.gif) repeat-x top;

	margin-bottom: 5px;

}



.default_box ul, .highlight_box ul

{

	margin: 0;

	padding: 0 0 0 10px;

}



.default_box_head

{

	font-size: 20px;

	color: #403D28;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 10px;

}



.scroll_button

{

	cursor:hand;

	cursor:pointer;

	padding:2px 5px;

	background-color:#F0EFDC;

	color:#000000;

	margin-right:1px;

	border: 1px solid #D0CFB6;

}



.scroll_button_hover

{

	color:white;

	background-color:#919073;

}



/* div based columns */

.column_left

{

	width: 525px;

	float: left;

	border:0px solid black;

}



.column1

{

	width: 255px;

	float: left;

	margin-right: 7px;

	border:0px solid red;

}



.column2

{

	width: 255px;

	float: left;

	margin-right: 0px;

	border:0px solid red;

}



.column3

{

	width: 227px;

	float: right;

	border:0px solid blue;

}

/* div based columns */



.row-even

{

	background-color: #FCFCF5;

	border: 1px solid #D0CFB6;

	border-width: 1px 0; 

}



.row-odd

{

	background-color: #F2F2E1;

	border: 1px solid #D0CFB6;

	border-width: 1px 0; 

}



/* Top header element */

.header_highlight

{

	margin: 5px 5px 2px 5px;

	padding: 10px;

	font-size: 16px;

	background: transparent url(/img/layout/special_bar.gif) repeat-x top;

	color: #FFF;

	font-weight: bold;

	text-align: left;

	-moz-border-radius-bottomleft:6px;

	-moz-border-radius-bottomright:6px;

	-moz-border-radius-topleft:6px;

	-moz-border-radius-topright:6px;	

}



.page_next

{

	background-image: url(/img/reader/page_nav_next.gif);

	background-repeat: no-repeat;

	width: 19px;

	height: 19px;

}



.page_previous

{

	background-image: url(/img/reader/page_nav_previous.gif);

	background-repeat: no-repeat;

	width: 19px;

	height: 19px;

}



input.embed

{

	color: #444444;

}



select#lang, select#lang option

{

	font-size: 13px;

	font-weight: bold;

	font-family: arial, helvetica, sans-serif;

}



select#lang option

{

	padding-left: 10px;

}



.padded

{

	padding:5px;

}

.stripback{
	background-attachment: scroll;
	background-image: url(/img/layout/new_img/bg-showcase.jpg);
	background-repeat: no-repeat;
	background-position: center 190px;	
	}