/* General page settings */
body	{ background-color: white; }
body	{ font-size: 80%; font-family: Arial, Helvetica;}
td      { font-size: 80%; font-family: Arial, Helvetica;}
/* link */
a		{ color: blue; }
a:hover { color: #996699; }
/* headings */
h1		{ padding-top:5px;
        border-bottom:2px solid silver; font-size: 150%;
        font-weight: normal;
        color: black; 
		}
h1 a	{ text-decoration: none; }
h2      { padding-top:5px; padding-bottom:5px; font-weight: bold; font-size:120%; }
/*  Input elements   */
textarea { border-width: 2px; }



/* keyboard */
.keyboard		{ border:2px solid #FFCC00; background-color: #FFFFCC; width: 740px; height: 130px; }
.keyboardtemporary { border:2px solid #FFCC00; background-color: #FFFFCC; width: 740px; height: 130px; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; }
.keyboardtitle	{	background-image: url('/images/scheme/box_background_orange.png'); background-repeat: repeat-x; 
					background-position: bottom;  background-color: #FFCC00; font-weight: bold; text-align: center; font-size: 12px; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px }
.keyboardkey { border-style:outset; border-width:1px; background-color: #FFEE99; font-weight: normal; font-size: 150%; text-align: center; cursor: pointer; color: black; }
.keyboarden   { font-size: 75%; color: silver; }
#keybdholder 	{ position: absolute; top: 0px; width: 100%; cursor: default; background-color: white; z-index: 2000; }
#keybdholder.fixed {
  position: fixed;
  top: 0;
}



/* Urdu text */
.ur		{ font-size: 150%; }
.urdutext	{ font-family: "Times New Roman", "Tahoma", "Microsoft Sans Serif", "Arial Unicode MS"; font-size: 175%; }
.urdutext_wotd	{ font-family: "Tahoma", "Microsoft Sans Serif", "Arial Unicode MS"; font-size: 150%; }
input.urdutext_edit	{ font-family: "Urdu Naskh Asiatype", "Times New Roman", "Arial Unicode MS", "Microsoft Sans Serif" !important; font-size: 175% !important; direction: rtl; width: 125px; } 
.urdutext_button{ font-family: "Tahoma", "Microsoft Sans Serif", "Arial Unicode MS"; font-size: 10pt; }
.urduimage 		{ }



/* Header section */
.uw_top      { 	height:100px; }
.uw_top_background     { 	background-color: #CCDDEE; 
						background-image: url('/images/scheme/box_background_blue.png'); background-repeat: repeat-x; background-position: bottom; 
					}
.uw_siteheading { font-size: 24px; font-weight: normal; padding-left: 10px; font-family:Georgia; 
					color: black; text-decoration: none; 
				}
.uw_siteheading:visited{ color: black; }
.uw_sitesubheading { font-size: 18px; font-weight: normal; padding-left: 10px; font-family:Georgia;
					color: black; text-decoration: none; }
.uw_sitesubheading:visited{ color: black; }


/* Top navigation section */
.uw_topnav_background     { 	
							border-bottom: 3px solid #6699cc; padding-top: 5px; }

/* Title section */
.uw_pagetitle	  { font-size: 24px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.uw_pagetitleright{ font-size: 10px;  padding-right: 5px; padding-left: 5px; padding-top: 0px; text-align: right;  color: black; vertical-align: middle; }
.uw_pagetitleright a { text-decoration: none; }

/* Body section */
.uw_body { border-left:0px solid #C0C0C0; border-right:0px solid #C0C0C0; border-top:0px solid #C0C0C0; border-bottom:0px solid #C0C0C0; padding:0; }

/* Footer section */
.uw_navbottom{ border-top:1px solid #6699cc; text-align: center; font-size: 150%; }

/* Tables */
.tablerow    { border-top-style: solid; border-top-width: 1; border-top-color: #dddddd;  padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px }
.tablehead   { background-image: url('/images/scheme/header_background_blue.png'); background-repeat: repeat-x; 
               background-position: bottom;  background-color: #B6CBEB; font-size: 100%; font-weight: normal; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; height: 25px; }
.tablehead a { text-decoration: none; }
.tableframe  { border:1px solid #B6CBEB; background-image: url('/images/scheme/box_corner.png'); background-repeat: no-repeat; 
               background-position: right bottom;  background-color: #FFFFFF; }

/* Error Box */
.uw_error { color: red; }
.uw_error_box { color: maroon; background-color: #FFE4E1; background-image: 
               url('/images/icons/messagebox_critical_offset.png'); 
				 background-repeat: no-repeat; 
               border: 1px solid #FF0000; 
               padding-left: 32; padding-right: 5; padding-top: 8; 
               padding-bottom: 8; background-position: left top; }

/* Error Box (not used) */
.okmessage       	{ border:1px solid #339966; background-color: #CCFFCC; padding: 5px }
.warningmessage  { border:1px solid #FFCC00; background-color: #FFFFCC; padding: 5px }

/* Toolbox, e.g. Correction, Email, etc */
.uw_tool_box { padding-left: 4; padding-right: 4; font-size: 10px;  }
.uw_tool_box a { text-decoration: none;  }

/* Simple formatting */
.hiddentext	 	{ color: white; }
.hiddentext  a 	{ color: white; }
.smalltext		{ font-size: 10px; }

/* Pagination */
.pageNumber 	{ font-size: 16px; }
.pageNumber a	{ background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 4px; text-decoration: none; }
.pageCurrent	{ font-size: 18px; font-weight: bold; }

/* Global search box */
.globalsearchbox 	{width: 100%; }
.globalsearcharea 	{ border-top: 0px solid #6699FF; }
.globalsearchheader	{ font-size: 100%; padding-top: 25px; width: 100%}
.uw_sharewidget   { padding: 2px; width: 100%; width: 260; }
.globalsearchbody 		{ }
.globalsearchbody input 	{ }
.globalsearchtextbox { width: 200px; height: 30px; font-size: 20px; }
.globalsearchbutton { width: 150px; height: 30px;  background-color: #F0F0F0; border: 1px solid #CCCCCC;  
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	border-radius:3px;

}

.globalsearchbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.globalsearchbutton:active {
	position:relative;
	top:1px;
}

/* #topnavRomanRow, #topnavNaskhRow   	{ display: none; } /* default hide roman & naskh for noscript browsers */

.topnavRoman   	{ height: 65px; border:0px solid #FF6699; background-color: #FFCCCC; padding: 5px; }
.topnavNaskh   	{ height: 65px; border:0px solid #FFCC00; background-color: #FFFFCC; padding: 5px; }
.topnavEnglish 	{ height: 65px; border:0px solid #66CC99; background-color: #CCFFCC; padding: 5px; }
.topnavOnL      { 	border-left:    1px solid #000080;
				border-right:   1px solid #000080;
				border-top:     1px solid #000080; 
				border-bottom:  0px solid;
				padding-left:  15px;
				padding-right: 15px;
				padding-top:    1px;
				padding-bottom: 2px; 
				font-weight:	normal;
				position:		relative;
				top:			-1px;
			}
.topnavOnL      { 	text-decoration: none;	} 
:hover.topnavOnL{	color: navy;			}
.topnavOffL     {	background-color: #EEEEEE;
				border-left:    1px solid silver;
				border-right:   1px solid silver;
				border-top:     1px solid silver; 
				border-bottom:  0px solid;
				padding-left:  15px;
				padding-right: 15px;
				padding-top:    0px;
				padding-bottom: 0px; 
				font-weight:	normal;
				text-decoration: none;
				}
.tabRoman   { border-color: #FF6699; background-color: #FFCCCC; }
.tabNaskh   { border-color: #FFCC00; background-color: #FFFFCC; }
.tabEnglish { border-color: #66CC99; background-color: #CCFFCC; }
/* Top navigation system */
.topnavAlphabet{ height: 30px; border:1px solid #6699FF; background-color: #B6CBEB; padding: 5px }
.navhorioff	 { border-left:3px solid #F0F0F0; border-right:3px solid #F0F0F0; border-top:3px solid #F0F0F0; text-align: center; font-size: 14px; background-color: #B6CBEB;
				padding-top: 1px; padding-left: 4px; padding-right: 4px; top: 0px;  position: relative; }				
.navhorioff    a{ text-decoration: none; color: navy; }
.navhorion	 { border-bottom:0px solid #B6CBEB; border-left:1px solid #000080; border-right:1px solid #000080; border-top:1px solid #000080; text-align: center; font-size: 16px; background-color: #B6CBEB;
				padding-top: 1px; padding-left: 4px; padding-right: 4px; top: 1px;  position: relative; }				


/* Top Horizontal Navigation Tabs - Search, Browse, etc */

.activeTab, .inactiveTab {
  text-align: center;
  text-decoration: none;
  font-size: 120%;
  height: 24px;
  
  padding-top: 3px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 2px;
  }

.activeTab {
  background-color:#6699cc;
  border-left: 1px solid gray;
  border-right: 1px solid white;
  border-top: 1px solid #6699cc;
  font-weight:bold;
  color: white;
}

.inactiveTab {
  background-color:#efefef;
  border-left: 1px solid white;
  border-right: 1px solid gray;
  border-top: 1px solid white;
}

.activeTab:hover{
  color: #FFFFFF;
}



/* Ads */
.adrightbar		{ border-left:0px solid #C0C0C0; border-right-width:1px; border-top-width:1px; border-bottom-width:1px }
.adrectangle	{ border-left:0px solid #C0C0C0; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; background-color: #CCCCCCC}



/* Browse Alphabet Buttons */
.squareButton { font-size: 16px; padding: 3px; text-align: center; margin: 3px; }
.squareButton { background-color: #F0F0F0; border: 1px solid #CCCCCC; text-decoration: none; width: 35px; display: block; float: left; } 
.squareButton a {  
				 padding-top: 3px; padding-bottom: 3px;
				 }
.squareButton:hover { background-color: #cceeff; }


/* Front Page (Full Browser) */
.uw_container250 { height: 250px; }

/* Dynamic UI elements */
.loading    {
    display: none; /* hide by default. activate if ajax is enabled. */
    background-color: #eeeeee;        
    width: 150px;
    height: 150px;
    padding: 5px;
    border: #CCC solid 1px;
    text-align: center;
    position: fixed;
    margin-left: -75px;
    margin-top: -75px;
    left: 50%;
    top: 50%;
    }
.checkboxTable td { /* table where selecting a row toggles the checkbox */
    cursor: pointer;
    }
.checkboxTable tr.selected {
    background-color: #ccddee;
    }
.linkTable td { /* table where selecting a row triggers a link */
    cursor: pointer;
    }
.autocomplete { display: none; }

/* Dynamic UI Element - Slideshow */
#slideshow-area, #slideshow-scroller, .slideshow-content, #slideshow-holder,
#slideshow-previous, #slideshow-next {
  height: 160px;
}
#slideshow-area, #slideshow-scroller {
  width: 330px;
}
.slideshow-content {
  width: 330px;
}

#slideshow-area, #slideshow-scroller {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

#slideshow-area {
  font-size: 150%;
}

#slideshow-area a {
  text-decoration:none;
}

#slideshow-previous, #slideshow-next {
  width: 50px;
  position: absolute;
  background: 
    transparent 
    url("/images/icons/arrow_left.png") 
    no-repeat 50% 50%;
  top: 0px;
  display: none;
  cursor: pointer;
  cursor: hand;
}

#slideshow-next {
  display: block;
  background: 
    transparent 
    url("/images/icons/arrow_right.png") 
    no-repeat 50% 50%;
  right: 0;
}

#slideshow-previous:hover, #slideshow-next:hover {
  background-color: rgba(196,196,196,0.5);
}


.slideshow-content {
  float: left;
  text-align: center;
}


/* CSS3 styles */
.drop-shadow {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
     
    /* css3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* @Media=Print */
.printonly { display: none; }
@media print
    {
        .noprint { display: none; }
        .printonly { display: block; }
    }