body {

	background: url("../images/kh_bg.gif");

	margin-bottom: 20px;

	}



form {

	margin: 0;

	padding: 0;

	}

input, textarea, select {

	/*font:75%/1.2em Verdana, Monaco, Lucida Console, Monospace;

	margin: 0 0 0 0;

	padding: 2px;*/

font-family: "Courier New", Courier, monospace; font-size: 120%; border: #000000; border-style: solid; border-width: 1px; width:180px; padding:3px; font-weight:normal;

}



/*div.passreport select { font-family: "Courier New", Courier, monospace; font-size: 120%; border: #000000; border-style: solid; border-width: 1px; width:180px; padding:3px; font-weight:normal;}

div.passreport INPUT {padding:3px; width:180px; background:#fff; font-family:"calibri", Courier, monospace;border:solid 1px #333; font-weight:normal; font-size:120%; text-align:left}*/



INPUT:hover,INPUT:focus

		{

		background:#f0f0f0;

		border:solid 1px #ccc;

		color:#000;

		}

.button {

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

	font-size: 15px;

	border: 1px solid #AABBBF;

	background-color : #FFFFFF;

    color:#404F59;

	background-image: url("../images/btn_bg.gif");

	padding: 4px 0 4px 0;

	font-weight:bold;

}		



ul {

	margin: 0;

	padding: 0;

}



sup	{

	line-height: 0;

	font-size: .9em;

	margin: 0 0 0 -.4em;

	vertical-align: super;

}



.error-small {

	border: 2px solid red;

	font:70%/1.2em Verdana, Arial, sans-serif;

	color: #000;

	padding: 10px 8px 10px 28px;

	background: #FFFFFF url("../images/icon_warning.gif") no-repeat 8px 10px;

}





/* hide content from css-enabled browsers */

.accessible {

	display: none;

	}



#container-page {

	width: 800px;

	margin: 0 auto;

	}



/* image replacement */

.replace {

	position:relative;

	margin:0px;

	padding:0px;

	overflow: hidden;

	/* */

	}

.replace span.empty{

	display:block;

	position:absolute;

	top:0px;

	left:0px;

	z-index:1; /*for Opera 5 and 6*/

	}



.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix {

    display:inline-block;

}

.clearfix {

    display:block;

}

* html .clearfix {

    height:1px;

}



/* =Branding

----------------------------------------------- */



#container-branding {

	text-align: center;

	}



/* image replacement for the Bismillah */

#bismillah, #bismillah span.empty {

	background:    url("../images/text_bismillah.gif") no-repeat;

	width: 113px;

	height: 13px;

	}

#container-bismillah {

	margin: 0 auto;

	width: 113px;

	height: 13px;

	}



/* image replacement for the logo */

#logo, #logo span.empty {
	background:    url("../images/logo_khuddam.jpg") no-repeat #000000;
/*	background:    url("../images/logo_khuddam.jpg") no-repeat;*/
	width: 800px;
	height: 168px;
	}

#logodk, #logodk span.empty {
	background:    url("../images/alislam.dk-title.jpg") no-repeat #000000;
/*	background:    url("../images/logo_khuddam.jpg") no-repeat;*/
	width: 800px;
	height: 168px;
	}
	
#container-logo {

	float:none;

	margin-left:0px;

	}



/* image replacement for the tagline */

#tagline, #tagline span.empty {

	background:    url("../images/text_love-for-all.gif") no-repeat;

	width: 122px;

	height: 31px;

	}

#container-tagline {

	float:right;

	margin: 20px 20px 0 0;

	display: inline;

	}



/* =Body

----------------------------------------------- */



#container-body {

	background-color: #fff;

	margin: 2px auto 10px auto;

	padding: 10px 0px 10px 10px;

	float: none;

	}



/* box model hack for IE 5.x */

#container-body {

	width:810px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:810px; 

	}

html>body #container-body {

	width:810px; 

	}

/* end box model hack */



/* =Body

----------------------------------------------- */



#container-bheader {

	background-color: #fff;

	margin: 2px auto -2px auto;

	padding: 10px 10px 10px 10px;

	float: none;

	}



/* box model hack for IE 5.x */

#container-bheader {

	width:800px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:800px; 

	}

html>body #container-bheader {

	width:800px; 

	}

/* end box model hack */



/* =Main Content

----------------------------------------------- */

#container-main-content {

	width: 590px;

	margin: -10px 0 0 0;

	float: right;

	}

#container-main-content-shaded {

	width: 630px;

	margin: -20px -10px 0px -10px;

	float: right;

	}



/* =Sidebar

----------------------------------------------- */

#container-sidebar {

	float: left;

	width: 200px;

	margin: -10px 0 0 0;

	padding: 0 0 0 0;

	}

#container-sidebar h2, #nav-language h2, #nav-friday-sermons h3  {

	font: bold .65em Verdana, Arial, Helvetica, sans-serif;

	margin: 0 0 5px 0;

	padding: 0;

	}





/* =Nav

----------------------------------------------- */

#container-nav

{

	padding: 0;

	margin: 0px 0 0 0;

	font: bold .75em Verdana, Arial, Helvetica, sans-serif;

	background-color: #fff;

	color: #fff;

}



/* box model hack for IE 5.x */

#container-nav {

	width:200px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:185px; 

	}

html>body #container-nav {

	width:185px; 

	}

/* end box model hack */



#container-nav ul {

	list-style: none;

	border: none;

	}



#container-nav li {

	border-bottom: 1px solid #fff;

	margin: 0;

	}



#container-nav li a, #container-nav li#active span {

	display: block;

	padding: 5px 0 5px 5px;

	border-left: 10px solid #AAB5C1;

	background-color: #245297 ; 

	color: #fff;

	text-decoration: none;

	width: 100%;

	}



#container-nav li#active span {

	background-color: #d5e5d5;

	color: #0f400f;

	}



html>body #container-nav li a { width: 185px; }



#container-nav li a:hover {

	border-left: 10px solid #0F2240;

	background-color: #16335F;

	}

/*

-----------------------------------------------

Sidebar Shared Styles

----------------------------------------------- */



/* box model hack for IE 5.x */

#nav-friday-sermons, #nav-library, #site-search, #nav-language, #nav-friday-sermons, #nav-quran {

	width:542px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:542px; 

	}

html>body #nav-friday-sermons, html>body #nav-library, html>body #site-search, html>body #nav-language, html>body #nav-friday-sermons, html>body #nav-quran  {

	width:553px; 

	}

/* end box model hack */

#nav-library, #nav-quran, #nav-friday-sermons, #egazette, #persecution, #nav-affiliated{

	margin: 11px 0 0 0;

	padding: 13px 0 10px 10px;

	background-color: #ccbaba;

	color: #598059;

	}

#nav-library div.more ul, #nav-quran div.more ul, #nav-friday-sermons div.more ul {

	margin: 2px 0 0 -10px;

	padding: 6px 0 0 0;

	list-style: none;

	}



#nav-library div.more li, #nav-quran div.more li,#nav-friday-sermons div.more li, #persecution div.more li {

	margin: 0 0 0 10px;

	font: .7em/1em Verdana, Arial, Helvetica, sans-serif;

	padding-left: 14px;

	background-image:    url("../images/bllt_double-arrow.gif");

	background-repeat: no-repeat;

	background-position: 0 8px;

	voice-family: "\"}\""; 

	voice-family:inherit;

	background-position: 0 4px;

	}

#nav-library div.more a:visited,#nav-library div.more a:link, #nav-friday-sermons div.more a:link, #nav-quran div.more a:visited,#nav-quran div.more a:link {

	color: #330000;

	text-decoration: none;

	}



#nav-library div.more a:hover, #nav-friday-sermons div.more a:hover, #nav-quran div.more a:hover{

	background-color: #e6dddd;

	}

#nav-library a, #nav-friday-sermons a, #nav-quran ul#search-options a  {

	color: #330000;

	text-decoration: none;

	}

#nav-library a:hover, #nav-library ul.multi-column li:hover,#nav-friday-sermons a:hover, #nav-quran ul#search-options a:hover {

	background-color: #e6dddd;

	}



/* =eGazette

----------------------------------------------- */



#egazette {

	padding: 13px 10px 12px 10px;

	background-color: #AAB5C1;

	color: #212E54;

	font: .7em Verdana, Arial, Helvetica, sans-serif;

	}



#egazette h2 {

	padding: 9px 0 0 0;

	overflow: hidden;

	height: 0px !important;

	height /**/:9px;

	margin: 0 0 5px 0;

	background: url(../images/hdr_egazette.gif) no-repeat center top;

}



#egazette p {

	margin: 8px 0 0 0;

}





#egazette a {

	display: block;

	margin: 8px 0 0 0;

	text-align: center;

	padding: 4px;

	background-color: #d4dae0;

	color: #1B2043;

	text-decoration: none;

	}

#egazette a:hover {

	background-color: #fff;	

	}

/* =Persecution

----------------------------------------------- */

#persecution {

	padding-right: 10px;

	background-color: #AAB5C1;

	}

/* box model hack for IE 5.x */

#persecution {

	width:200px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:180px; 

	}

html>body #persecution {

	width:180px; 

	}

/* end box model hack */



/* image replacement for the Live Audio button */

#persecution h2 {

	padding: 26px 0 0 0;

	overflow: hidden;

	height: 0px !important;

	height /**/:26px;

	margin: 0 0 5px 0;

	background:    url("../images/hdr_persecution.gif") no-repeat center top;

}

#persecution div.more ul {

	margin: 6px 0 0 -10px;

	list-style: none;

	}

#persecution div.more a:hover{

	background-color: #D4DAE0;

	}



div#Article {

	padding: 0 15px 0 0px;

/*	border: 1px dotted #006666; */

}

div#ArticleHead {

	padding: 0 0 1em 0;

/*	border: 1px dotted #CC33FF; */

}

div#ArticleContent {

/*	border: 1px dotted #009933; */

	margin-left: 15px;

	margin-top: 10px;

}

#Article H1 {

	color: #666;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	padding-bottom: 0.1em;

	margin: 0 0 0 0;

	font: normal 2.2em/1.2em "Times New Roman", Times, serif;

}

#Article p  {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: .95em;

	line-height: 1.6em;

	color: #333;

}

#Article a  {

	text-decoration: none;

	}

#Article blockquote {

	margin: 0 50px; padding-left: 0;

}

#Article blockquote p  {

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

	font-size: .9em;

	line-height: 1.4em;

	text-align: justify;

	color: #000;

	margin-top: .5em;

	margin-bottom: .7em;

}

#Article blockquote blockquote p  {

	font-family: Courier New, Courier, mono;

}

#Article sup	{

	line-height: 0em;

	font-size: 0.9em;

	vertical-align: super;

}

#Article sup.honorific	{

	margin: 0px 0px 0px -0.4em;

}

#Article sub	{

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

	font-size: .8em;

}

/* =Library

----------------------------------------------- */

/* image replacement for the Library header */

#nav-library h2 {

    padding: 8px 0 0 0;

    overflow: hidden;

    background-image:    url("../images/hdr_library.gif");

    background-repeat: no-repeat;

    

    height: 0px !important;

    height /**/:8px;

	border-bottom: 1px solid #a68b8b;

	

}

#nav-library p {

    color:#000000;

	padding: 0px 0px 0px 0px;

	border-bottom: 1px solid #a68b8b;

	margin: -5px 0 0 0;

}



#nav-library ul.multi-column li {

	font: .75em Verdana, Arial, Helvetica, sans-serif;

	float: left;

	padding: 0 0 0 1em;

	margin: .5em 0 0 .5em;

	list-style: none;

	background:    url("../images/bllt_diamond_red.gif") no-repeat 0 .5em;

	}



/* box model hack for IE 5.x */

#nav-library ul.multi-column li {

	width:13em; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:12em; 

	}

html>body #nav-library ul.multi-column li {

	width:13.5em; 

	}

/* end box model hack */



#nav-library div.more ul {

	/*border-top: 1px solid #a68b8b; Do not unlock, this is being used in ovrigt page*/

	margin: 0px 0 0 -10px;

	}



/* BUTTONS */

.admin_buttons a, .admin_buttons button{

    display:block;

    float:left;

    margin:0 7px 0 0;

    background-color:#f5f5f5;

    border:1px solid #dedede;

    border-top:1px solid #eee;

    border-left:1px solid #eee;



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

    font-size:100%;

    line-height:130%;

    text-decoration:none;

    font-weight:bold;

    color:#565656;

    cursor:pointer;

    padding:5px 10px 6px 7px; /* Links */

}

.admin_buttons button{

    width:auto;

    overflow:visible;

    padding:4px 10px 3px 7px; /* IE6 */

}

.admin_buttons button[type]{

    padding:5px 10px 5px 7px; /* Firefox */

    line-height:17px; /* Safari */

}

*:first-child+html button[type]{

    padding:4px 10px 3px 7px; /* IE7 */

}

.admin_buttons button img, .admin_buttons a img{

    margin:0 3px -3px 0 !important;

    padding:0;

    border:none;

    width:16px;

    height:16px;

}



/* STANDARD */

button:hover, .admin_buttons a:hover{

    background-color:#dff4ff;

    border:1px solid #c2e1ef;

    color:#336699;

}

.admin_buttons a:active{

    background-color:#6299c5;

    border:1px solid #6299c5;

    color:#fff;

}



/* POSITIVE */

button.positive, .admin_buttons a.positive{

    color:#529214;

}

.admin_buttons a.positive:hover, button.positive:hover{

    background-color:#E6EFC2;

    border:1px solid #C6D880;

    color:#529214;

}

.admin_buttons a.positive:active{

    background-color:#529214;

    border:1px solid #529214;

    color:#fff;

}



/* NEGATIVE */

.admin_buttons a.negative, button.negative{

    color:#d12f19;

}

.admin_buttons a.negative:hover, button.negative:hover{

    background:#fbe3e4;

    border:1px solid #fbc2c4;

    color:#d12f19;

}

.admin_buttons a.negative:active{

    background-color:#d12f19;

    border:1px solid #d12f19;

    color:#fff;

}









































/* =Footer

----------------------------------------------- */

#nav-footer { 

margin: 0 auto; text-align: center;

font: .7em Verdana, Arial, Helvetica, sans-serif;

color: #a6a695;

}



#nav-footer ul

{

list-style: none;

padding: 0;

margin: 0 0 8px 0;

}



#nav-footer ul li

{

display: inline;

padding: 0 10px 0 10px;

margin: 0;

border-left: 1px solid #a6a695;

}



#nav-footer ul li#first

{

border-left: 0;

}



#nav-footer a:link, #nav-footer a:visited

{

color:#e6e6cf;

text-decoration: none;

}

#nav-footer a:hover

{

color:#fff;

text-decoration: underline;

}



#nav-footer p

{

padding: 0;

margin: 0;

}