/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../images/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.ReportTextB {
    background-color: #116512;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 16px;
}

.background-section {
    background-color: #c1e8b7;
    padding-bottom: 40px;
    margin-bottom:20px;
}


.report-text {
    color: #7b2e00;
/*    font-family: caudex bold; */
    font-size: 17px;
    font-weight: bold;
}
.report-text a, a:link{
    /*color: #7b2e00;
    text-decoration: none;*/
}
.report-text a:hover {
    /*color: #7b2e00;
    text-decoration: underline;*/
}
.hajj-text {
    color: #7b2e00;
/*    font-family: caudex bold; */
    font-size: 16px;
    list-style: none outside none;
}

.top-section {
    background-color: #979795;
    box-shadow: 2px 3px 4px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 16px;
}
.hajj-background-section {
    background-color: #c1e8b7;
    padding-bottom: 15px;
}
.hajj-image {
    margin-top: 15px;
}
.hajj-text li
{
	height:25px;
	}
.directorate_name th {
    border: 1px solid #00923f;
}
.directorate_name td {
    border: 1px solid #00923f;
}
.dec_no {
    color: #00923f;
}
.underline {
    border-bottom: 1px solid;
    width: 110px;
}

.directorate_top {
    margin: 0 auto;
    width: 750px;
	padding-top:43px;
}
.directorate_name {
    margin: 40px auto 0;
    width: 750px;
}

.direct_img {
    width: 700px;
}

.directorate {
    background: url("../images/13.png") no-repeat scroll center top / 850px 848px rgba(0, 0, 0, 0);
    height: 900px;
    width: 850px;
    color:#00923F;
}

.heading_image{
 padding-bottom: 15px;
    padding-right: 70px;
    padding-top: 20px;
}
.headin-image1{
padding-right:70px;
}

/*
.directorate_name tr:nth-child(1) {
    background: none repeat scroll 0 0 lightgreen;
}

.directorate_name tr:nth-child(3) {
    background: none repeat scroll 0 0 #aefdae;
}
.directorate_name tr:nth-child(5) {
    background: none repeat scroll 0 0 #aefdae;
}
.directorate_name tr:nth-child(7) {
    background: none repeat scroll 0 0 #aefdae;
}
.directorate_name tr:nth-child(9) {
    background: none repeat scroll 0 0 #aefdae;
}
.directorate_name tr:nth-child(11) {
    background: none repeat scroll 0 0 #aefdae;
}
*/