@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabic.css);
html {
    overflow-y:scroll;    
}
body {
	border: 0 0 0 0;
	height:100%;
	width: 100%; 
	top: 0px;
	bottom: 0px;
	margin: 0 0 0 0;  
    font-family: Arial, sans serif;
	}
	
#header-container { 
	width: 100%;
	height: 263px;
	top: 0px;
	background-image: url(images/tile-shaded.jpg);
	background-repeat: repeat-x; 
	background-position: top;
	position: relative; 
}	

#header-box {
	width: 750px;
	height: 263px;
	top: 0px;
	position: relative;
	margin: auto;
}

#toc {
	width: 750px;
	height: 48px;
	top: 10px;
	position: relative;
	right: 0px;
}

#toc-list { 
	width: 400px; 
	height: 35px; 
	vertical-align: text-bottom; 
	top: 7px; 
	position: relative; 
	float: right;
	padding-top: 0px;
}

#toc-list a:link {
	font-size: 110%;
	font-weight: bold;
	color:#ffffff;
	text-decoration: none;
}

#toc-list a:visited {
    color:#fff;
}

#toc-list a:hover {
	text-decoration: underline;
}

#logo-box {
	width: 750px;
	height: 70px;
	top: 0px;
	position: relative;
}

.large-ur {
	font-size: 14pt !important;
}

#name-bar {
	width: 750px;
	height: 134px;
	position: relative;
}	

#search-bar {
	width: 750px;
	height: 65px;
	top: 7px;
	position: relative;
	text-align: center;
	margin-top:1px;
}

.ur {
    font-family: 'Noto Naskh Arabic', sans serif;
    direction: rtl;
}

.nastaliq {
	font-family: 'Jameel Noori Nastaleeq', 'Noto Naskh Arabic', sans serif;;
}

#fontex{	
	text-decoration: none;
	color:#555;
}

#fontlink {
	z-index:10;
	position:absolute;
	display:inline-block;
}

#text-box {
	width: 750px;
	height: auto;
	top: 20px;
	position: relative;
	text-align: justify;
	margin: auto;
	font-size: 14pt;
}

#text-box a:link {
	
	font-size: 14pt;
	color:#000000;
	text-decoration: none;
	}
	
#text-box a:visited {
	
	font-size: 14pt;
	color:#000000;
	text-decoration: none;
	}
	
#text-box a:hover {
	
	font-size: 14pt;
	color:#000000;
	text-decoration: underline;
	}
	
#text-box a:active {
	
	font-size: 14pt;
	color:#000000;
	text-decoration: none;
	}			

.sub-titles {
	
	color:#000000;
	font-size: 14pt;
	font-weight: bold;
	}
	
.sub-titles-2 {
	
	color:#e20d15;
	font-size: 14pt;
	font-weight: bold; 
	}
	

.body-text {
	
	color:#000000;
	font-size: 10pt;
	line-height: 18px;
	text-align: justify;
	}	
	
.body-text a:link {
	
	font-size: 10pt;
	color:#000000;
	text-decoration: none;
	}

.body-text a:visited {
	
	font-size: 10pt;
	color:#000000;
	text-decoration: none;
	}

.body-text a:hover {
	
	font-size: 10pt;
	color:#000000;
	text-decoration: underline;
	}

.body-text a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	}
	
.small-text {
	
	color:#000000;
	font-size: 8pt;
	}
	
.copyright {
	
	color:#000000;
	font-size: 8pt;
	}	
    
    
 ul#results  {
    line-height: 1.5em;
    display: inline-block;
    width:100%;
    /* padding: 30px 0; */
}

ul#results li{
    list-style: none;
    width: 25%;
    float: right;
}

ol#synsets {
    line-height: 1.5em;
    display: inline-block;
    list-style-type:urdu;
}

ol#synsets li{
    list-style-position: inside;
    direction: rtl;
    list-style-type: urdu;
    text-align: right;
}

a.synlink {
    text-decoration: none;
    color: #4276b0 !important;
    padding: 0 20px;
}
#word {
    padding-top: 30px;
    font-size: 24pt;
}

#pager {
    margin-bottom: 30px;
    text-align: center;
}

#pager a {
    margin: 40px;
    text-decoration:none;
    color: #4276b0;
}

#search {
    background-image: url(images/search.png);
    width: 30px;
    height: 33px;
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid #eee;
    background-position: 2px;
}


#search-bar input[type='text'] {
    border: 1px solid #ccc;
    vertical-align: middle;
    direction: rtl;
    padding: 2px;
    font-size: 16px;
}

.head {
    font-weight: bold;
    font-size:110% !important;
}

#kbi {
	    cursor: pointer;
	    display: inline-block;
	    color: #aaa;
	    vertical-align: middle;		
}

#kb > img {
    width: 500px;
}
#kb{
	padding:10px;
	background-color: white;
	position: absolute;
	margin-top: 40px;
	margin-left: -20px;
	z-index: 2;
	border: 1px solid #ddd;
}

.error {
	color: #d02514;	
	text-align: center;
}

.suggested-syns {
	font-size:14pt;
	margin-top:25px;
	font-weight:bold;
}

.suggested-syns-help {
	font-size:12pt;
	color:#999;
}