/* Layout */
@import "common.css?v-111209";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Open Sans', Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(/img/layout/bg.gif);
}

body > div
{
	zoom: 1.25;
}

*
{
	margin:0;
	padding:0;
}

form
{
	margin: 2px;
}

#overDiv td
{
	padding: 2px;
}

h1
{
	font-size: 16px;
	font-family: 'Open Sans', Arial,sans-serif;	
	font-weight: normal;
}

h2
{
	font-size: 15px;
	font-family: 'Open Sans', Arial,sans-serif;	
}

h4
{
	font-size: 15px;
	color: #403D28;
	font-family: 'Open Sans', Arial,sans-serif;	
	padding: 5px 0;
}

.content-small
{
	font-size: 11px;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	line-height: normal;
	color: #000;	
}

.content-head
{
	font-family: 'Open Sans', Arial,sans-serif;
	font-size: 14px;
	color:#66623D;
	font-weight: bold;
}

.content
{
	font-family: 'Open Sans', 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: 'Open Sans', Verdana, Helvetica, sans-serif;
	line-height: normal;	
}

.arial{font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.verdana{font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;}
.tahoma{font-family: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px;text-decoration: none;color: #FF6600; font-weight:bold;}

.panel-focus-text {font-family: 'Open Sans', 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: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ACAD98;
	padding: 2px;
	margin: 0px;
}

input.push-button
{
	font-family: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 520px;
	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: #fbfdfe;
	border: 1px solid #D0CFB6;
	border-width: 1px 0; 
}

.row-odd
{
	background-color: #fffffc;
	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: 'Open Sans', Arial, helvetica, sans-serif;
}

select#lang option
{
	padding-left: 10px;
}

.padded
{
	padding:5px;
}